昨天,我们讨论了模板引用变量.今天,我想向你展示如何使用模板引用变量访问指令。
你以前可能见过这种语法:
<形式#myForm=“ngForm”(ngSubmit)=“onSubmit (myForm)”>
代码语言:HTML、XML(xml)
这种语法是可能的,因为NgForm
指令是出口使用以下语法(实际的Angular源代码在这里):
@Directive({exportAs:“ngForm”})
代码语言:打印稿(打印稿)
上面的代码允许使用模板引用变量,例如# myForm = " ngForm "
.这种技术在Angular的表单和组件库中被广泛使用,用于将公共指令属性(和方法)公开给组件的模板。
例如,我们可以访问myForm.value
或myForm.valid
在表达式中。
ngModel
也是这样输出的。