日付ピッカーを使用した動的コントロールがあります。日付ピッカーの値を保存するにはどうすればよいですか?
<tr *ngFor="let item of items">
<td style="padding-right: 20px">{{item.id}}</td>
<td style="padding-right: 20px">
<md-input-container>
<input mdInput [mdDatepicker]="estDate1" placeholder="Choose a date" [value]="item.estimatedDate">
<button mdSuffix [mdDatepickerToggle]="estDate1" [value]="item.estimatedDate"></button>
</md-input-container>
<md-datepicker #estDate1></md-datepicker>
</td>
</tr>
これは私のモック コンポーネントの実装です。
getData() {
this.itemsForm = this.fb.array([this.item]);
this.items = [{ 'id': '1', 'estimatedDate': '01/01/2017'},
{ 'id': '2', 'estimatedDate': '02/01/2017'},
{ 'id': '3', 'estimatedDate': '03/01/2017'},
{ 'id': '4', 'estimatedDate': '04/01/2017'}
];
}
saveData(){
this.itemsForm.setValue({
....
});
}
日付ピッカーからデータを動的に収集し、それを配列にバインドしてサービスに渡す方法がわかりません。