Angular中的模板引用变量有什么作用
这篇文章主要介绍了Angular中的模板引用变量有什么作用的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Angular中的模板引用变量有什么作用文章都会有所收获，下面我们一起来看看吧。
创新互联是一家专业提供七台河企业网站建设,专注与网站设计制作、做网站、成都h5网站建设、小程序制作等业务。10年已为七台河众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
1. 模板引用变量可以是Angualr模板中的DOM元素、Angular组件（指令)，元素，TemplateRef,甚至Web组件的引用，而它具体是什么，则取决于它所依附的元素（不使用指令进行干预时）。如前文示例代码中的模板引用变量name就是
{{ component.input }}
{{ component.func() }}
通过模板引用变量我们获得了app-component组件的实例引用，这使得我们可以轻松地在模板中访问app-component组件内部的成员。
2. Angular 根据你所声明的变量的位置给模板变量赋值：
如果在组件上声明变量，该变量就会引用该组件实例。
如果在标准的 HTML 标记上声明变量，该变量就会引用该元素。
如果你在 TemplateRef 实例来代表此模板。
如果该变量在右侧指定了一个名字，比如 #var="ngModel" ，那么该变量就会引用所在元素上具有这个 exportAs 名字的指令或组件。
3. 将 NgForm 与模板变量一起使用
这里的 NgForm 指令演示了如何通过引用指令的的 exportAs 名字来引用不同的值。在下面的例子中，模板变量 itemForm 在 HTML 中分别出现了三次。
Name
Submit
{{ submitMessage }}
*如果没有 ngForm 这个属性值，itemForm 引用的值将是
