0

日付ピッカーを使用した動的コントロールがあります。日付ピッカーの値を保存するにはどうすればよいですか?

<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({
            ....
        });

    }

日付ピッカーからデータを動的に収集し、それを配列にバインドしてサービスに渡す方法がわかりません。

4

2 に答える 2