## 什么是模板引用变量？ ``` 定义：模板引用变量通常用来引用模板中的某个 DOM 元素，它还可以引用 Angular 组件或指令 ``` >[info] 使用井号 (#) 来声明引用变量。 例如：#phone 的意思就是声明一个名叫 phone 的变量来引用 <input> 元素。 ``` // 声明一个模板引用变量#phone 来引用 <input> 元素。 <input #phone placeholder="phone number"> //通过模板引用变量获取input输入框的值 phone.value <button (click)="callPhone(phone.value)">Call</button> export class AppComponent { callPhone(value) { console.log(value) //打印输入框的值 } } ```