响应式Form Angular Form 学习笔记( 二 )



注意,就像所包含的那控件一样,这个也通过指令绑定到了 form 元素,在该模型和表单中的输入框之间创建了一个通讯层 。由指令提供的属性把每个输入框和中定义的表单控件绑定起来 。这些表单控件会和相应的元素通讯,它们还把更改传给 ,这个是模型值的事实之源 。
当然,实际开发中有另外一种实现方法:
先创建一个空的 ,再把后续创建的实例,然后通过设置到里 。
protected buildForm() {const form = new FormGroup({});form.setControl('product', new FormControl(null));this.form = form;}
模板文件的实现: