正如Angular documentation所说,我们可以在表单中使用formControlName
:
<h2>Hero Detail</h2>
<h3><i>FormControl in a FormGroup</i></h3>
<form [formGroup]="heroForm" novalidate>
<div class="form-group">
<label class="center-block">Name:
<input class="form-control" formControlName="name">
</label>
</div>
</form>
正如他们所说...
在没有父FormGroup的情况下,[formControl]="name"更早地工作,因为该指令可以独立运行,也就是说,它不在FormGroup中工作.对于父FormGroup,名称输入需要语法formControlName=name,以便与类中正确的FormControl相关联.该语法告诉Angular查找父FormGroup,在本例中是heroForm,然后在该组中查找名为name的FormControl.
不管怎样,几个月前我问过this个人,想弄清楚formControlName
和[formControl]
之间的区别.
现在我的问题是:用formControlName
来嵌套表单组怎么样?
例如,如果我有以下表单 struct :
this.myForm = fb.group({
'fullname': ['', Validators.required],
'gender': [],
'address': fb.group({
'street': [''],
'houseNumber': [''],
'postalCode': ['']
})
});
使用formControlName
将"street"(或"houseNumber"或"postalCode")绑定到相关HTML元素的正确方法是什么?