无锡做网站、/谷歌官网
文章目录
- 文章参考
- 模板引用变量
- 可以用 ref- 前缀代替
文章参考
- 模板引用变量 ( #var )
模板引用变量
模板引用变量通常用来引用模板中的某个 DOM 元素，它还可以引用 Angular 组件或指令或Web Component。
使用井号 (#) 来声明引用变量
<input #phone placeholder="phone number">
<!-- phone refers to the input element; pass its `value` to an event handler -->
<button (click)="callPhone(phone.value)">Call</button>
#phone 的意思就是声明一个名叫 phone 的变量来引用 元素。
可以用 ref- 前缀代替
<input ref-fax placeholder="fax number">
<button (click)="callFax(fax.value)">Fax</button>
注意事项
- 模板引用变量的作用范围是整个模板。 不要在同一个模板中多次定义同一个变量名，否则它在运行期间的值是无法确定的。