## 什么是模板引用變量？ ``` 定義：模板引用變量通常用來引用模板中的某個 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) //打印輸入框的值 } } ```