Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 日期选择器的角度反应形式保存值_Angular_Datepicker_Angular Material2_Angular Reactive Forms - Fatal编程技术网

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">