如何使用Angular2管理持有未定義數量字段的表單?Angular2表格控件組持有未定義數量的控件
在我的情況下,我需要創建一個從哪裏用戶可以添加和刪除一些文件塊。這就像一個地址簿,用戶可以添加一個或十個地址。每個地址都有一些像街道,街道號碼等字段。
我這個樣子的:
let address = fb.group({
street: fb.control(null, Validators.required),
streetNumber fb.control(null, Validators.required)
});
this.userForm = fb.group({
name: fb.control(null, Validators.required),
firstName: fb.control(null, Validators.required),
address: fb.group({
1: address
})
});
我真的不知道如何在模板管理這個。
我嘗試寫這樣的東西有些模板中,但很明顯,它不工作...
<form [ngFormModel]="userForm">
<input type="text" ngControl="name" #name="ngForm"/>
<input type="text" ngControl="firstName" #firstName="ngForm"/>
<div *ngFor="#address of userForm.controls['address'].controls">
<input type="text" ngControl="street" #street="ngForm"/>
<input type="text" ngControl="streetNumber" #streetNumber="ngForm"/>
</div>
編輯
我已經做了一個更好的解釋的Plunker http://plnkr.co/edit/ffYe1479WnxYOQrbxwLF?p=preview
「顯然不工作的意思」是什麼? –
我寫的模板不能完成這項工作,因爲它不是正確的寫法。角度引發錯誤,因爲他沒有在控件組「userForm」中找到控件「街道」。 – Waldo
看起來你不需要'#street =「ngForm」'。如果你刪除它會怎麼樣? –