emplate Ref

"Template Ref"通常是指在Angular框架中的一种指令，全称为"Template Reference Variables"。它是一种特殊的变量，允许我们在模板（HTML）中引用特定的元素，以便在组件的TypeScript文件中通过`@ViewChild`装饰器来获取这个元素的实例。这种引用使得我们可以动态地访问DOM元素，比如在事件处理函数中操作元素，或者在数据绑定、指令作用域等场景下使用。

在模板中，我们使用`#refName`的形式来创建一个template ref，例如 `<div #myRef></div>`。然后在组件类里，可以像下面这样获取这个引用：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  template: `
    <div #myRef>这是一个引用</div>
  `,
})
export class MyComponent {
  @ViewChild('myRef') myRef: ElementRef; // ElementRef是一个指向DOM元素的对象
}