Angular2组件开发—表单输入（四）-白红宇

Angular2组件开发—表单输入（四）

阅读量：5913 次

发布时间：2019-06-19

本文共 654 字，大约阅读时间需要 2 分钟。

NgFormControl - 绑定已有控件对象

与NgControlName指令不同，NgFormControl将已有的控件/Control对象绑定到DOM元素上。当需要对输入的值进行初始化时，可以使用NgFormControl指令。

下面的代码中，使用NgFormControl指令将DOM元素绑定到组件EzComp的成员变量movie上，我们需要在构造函数中先创建这个Control对象：

1 @View({ 2     //将输入元素绑定到已经创建的控件对象上 3     template : `` 4 }) 5 class EzComp{ 6     constructor(){ 7         //创建控件对象 8         this.movie = new Control("Matrix II - Reload"); 9     }10 }

控件/Control是Angular2中对表单输入元素的抽象，我们使用其value属性，就可以获得对应的输入元素的值。

与NgControlName指令的另一个区别是，NgFormControl不需要NgForm或NgFormModel的祖先。

例如：

1  2  3  4     
      5     NgFor 6      7      8      9 10 11     
     12     56 57

输出结果：

转载于:https://www.cnblogs.com/gett/p/5051536.html

你可能感兴趣的文章