Angular 日期选择器的角度反应形式保存值
我有一个带有日期选择器的动态控件。如何保存日期选择器的值Angular 日期选择器的角度反应形式保存值,angular,datepicker,angular-material2,angular-reactive-forms,Angular,Datepicker,Angular Material2,Angular Reactive Forms,我有一个带有日期选择器的动态控件。如何保存日期选择器的值 <tr *ngFor="let item of items"> <td style="padding-right: 20px">{{item.id}}</td> <td style="padding-right: 20px"> <md-input-container> <input mdInput [mdDatepic
<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>
我不知道如何从数据采集器动态收集数据,并将其绑定到一个数组以传递给服务。如果要使用
项.estimatedDate进行双向绑定,应使用[(ngModel)]
请参阅以获取演示。您需要使日期选择器的id动态。可以通过使用指令设置元素的id来实现这一点
<mat-form-field>
<input matInput [matDatepicker]="i+'Datepicker'" placeholder="Date of Birth" formControlName="DOB">
<mat-datepicker-toggle matSuffix [for]="i+'Datepicker'"></mat-datepicker-toggle>
<mat-datepicker [id]="i+'Datepicker'"></mat-datepicker>
</mat-form-field>
<mat-form-field>
确保获得ngFor数组的索引,如下所示:
<div *ngFor="let item of items; let i=index" [formGroupName]="i">
你在这里是什么意思?更改输入时,datepicker输入上的[value]
应实时更新项
数组。这就是角度数据绑定所做的。您应该在每个数据输入字段上放置一些标识符,然后读取标识符以确定哪个数据输入字段是值。
<mat-form-field>
<input matInput [matDatepicker]="i+'Datepicker'" placeholder="Date of Birth" formControlName="DOB">
<mat-datepicker-toggle matSuffix [for]="i+'Datepicker'"></mat-datepicker-toggle>
<mat-datepicker [id]="i+'Datepicker'"></mat-datepicker>
</mat-form-field>
<mat-form-field>
<div *ngFor="let item of items; let i=index" [formGroupName]="i">