欢迎来到我的第一期每日Angular时事通讯!我答应过你的,我会保持简洁。
今天的主题是模板引用变量。我通常称这个特性为“标签语法”,因为这就是它的用法:
<输入#电话占位符=“电话号码”/>
代码语言:HTML、XML(xml)
下面是我如何使用引用变量来获取输入的值,例如:
<按钮(点击) =“callPhone (phone.value)”>调用按钮>
代码语言:HTML、XML(xml)
电话
引用前面创建的带有#phone属性的输入元素。这是模板引用变量。
这些变量可以用来代替ngModel例如。更好的是,它们还可以使用组件和指令!
例如,下面的模板引用变量你好
是否可以访问所有的公共属性和方法HelloComponent
:
<app-hello#你好>app-hello>
代码语言:HTML、XML(xml)
有关更多信息和示例,请阅读另一篇文章这是我的一篇短博客.