模板引用变量

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


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

             
             
<输入电话占位符“电话号码”/>
代码语言:HTML、XMLxml

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

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

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

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

             
<app-hello你好>app-hello>
代码语言:HTML、XMLxml

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

betway必威滚球

Alain是谷歌开发专家,擅长Web技术、Angular和谷歌地图。他的日常任务是帮助开发团队采用Angular,并使用该框架进行大规模构建。他在六大洲都教授过Angular !阿兰是一名世界旅行家和摄影师,也是国际会议的演讲者,并出版了几门视频课程。