Angular2 формы ControlGroup, которые содержат неопределенное количество элементов управления
Как управлять с 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