Angular模板局部变量

2019独角兽企业重金招聘Python工程师标准>>>

 模板局部变量是模板中对DOM元素或指令(包括组件)的引用，可以使用在当前元素及其同级、子元素中。在Angular组件交互中通过局部变量获取子组件引用就是对组件的引用，这里主要说一下DOM元素局部变量和表单指令局部变量。

DOM元素局部变量

在标签元素中定义DOM元素局部变量，只需要在局部变量名前面加上#号，或是前缀ref-

  栗子栗子

它的作用是对当前DOM元素的引用，相当于对document.getElementById("good")对象的引用。定义了DOM元素局部变量后就可以使用该元素的DOM属性了。

表单指令局部变量

表单指令局部变量的使用需要在定义时初始化为特定的(NgForm、NgModel、NgModelGroup)表单指令，最终解析后会被赋值为表单指令实例对象的引用。

就是对应表单指令实例对象的引用（FormControl的引用），作用在于模板中追踪表单状态用于表单的数据校验，不过只能在模板中使用。要想在组件中使用，需要用到ReactiveFormsModule里面的指令。

...

NgForm和NgModel指令包含五个表示状态的属性

状态               boolean
valid            表单值是否有效 
pristine         表单值是否未改变
dirty            表单值是否已改变
touched          表单是否已被访问过
untouched        表单是否未被访问过

具体使用方法很多，比如

提交

转载于:https://my.oschina.net/u/3412211/blog/896636

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！