出口指示

betway必威滚球

昨天，我们讨论了模板引用变量。今天，我想向你展示如何使用模板引用变量访问指令。

你以前可能见过这种语法:

              
              

               <形式#myForm＝“ngForm”（ngSubmit) =“onSubmit (myForm)”>
              
代码语言:HTML、XML（xml）

这种语法是可能的，因为NgForm指令是出口使用以下语法(实际的Angular源代码在这里)：

              

               @Directive({exportAs:“ngForm”})
              
代码语言:打印稿（打印稿）

上面的代码允许使用模板引用变量，例如# myForm = " ngForm "。这种技术在Angular的表单和组件库中被广泛使用，用于将公共指令属性(和方法)公开给组件的模板。

例如，我们可以访问myForm.value或myForm.valid在表达式中。

ngModel也是这样输出的。

模板引用变量

betway必威滚球

欢迎来到我的第一期每日Angular时事通讯!我答应过你的，我会保持简洁。


今天的主题是模板引用变量。我通常称这个特性为“标签语法”，因为这就是它的用法:

              

               <输入#电话占位符＝“电话号码”/>
              
代码语言:HTML、XML（xml）

下面是我如何使用引用变量来获取输入的值，例如:

              

               <按钮（点击) =“callPhone (phone.value)”>调用按钮>
              
代码语言:HTML、XML（xml）

电话引用前面创建的带有#phone属性的输入元素。这是模板引用变量。
这些变量可以用来代替ngModel例如。更好的是，它们还可以使用组件和指令!

例如，下面的模板引用变量你好是否可以访问所有的公共属性和方法HelloComponent：

              

               <app-hello#你好>app-hello>
              
代码语言:HTML、XML（xml）

有关更多信息和示例，请阅读另一篇文章这是我的一篇短博客。