昨天,我们讨论了模板引用变量。今天,我想向你们展示如何访问一个指令与一个模板参考变量。
你可能见过的语法:
<形式#myForm=“ngForm”(ngSubmit)=“onSubmit (myForm)”>
代码语言:HTML、XML(xml)
这是可能的,因为语法NgForm指令是出口使用以下语法(实际角源代码在这里):
@Directive({exportAs:“ngForm”})
代码语言:打印稿(打印稿)
上面的代码可以使用模板参考变量等# myForm = " ngForm "。这种技术被广泛用于角形式和组件库公开公共指令属性(方法)你的组件的模板。
例如,我们可以访问myForm.value或myForm.valid在一个表达式。
ngModel也是出口,。
欢迎到我每天的第一版角通讯!正如所承诺的,我将把它很短。
今天的主题是模板引用变量。我通常称之为功能“标签语法”,因为这就是它的使用:
<输入#电话占位符=“电话号码”/ >
代码语言:HTML、XML(xml)
这是我如何使用引用变量输入的值,例如:
<按钮(点击)=“callPhone (phone.value)”>调用< /按钮>
代码语言:HTML、XML(xml)
电话指的是输入元素#手机属性之前创建。这是模板参考变量。
这些变量可以用来代替ngModel为例。更好的是,他们还使用组件和指示!
例如,下面的模板参考变量你好将访问所有的公共属性和方法HelloComponent:
<app-hello#你好>< /app-hello>
代码语言:HTML、XML(xml)
的更多信息和示例,您可以阅读另一个短我的博客。