Angular Material mat-cell datepicker 将自定义 ID 传递给事件处理函数答案

【问题标题】：Angular Material mat-cell datepicker pass custom ID to the event handler functionAngular Material mat-cell datepicker 将自定义 ID 传递给事件处理函数
【发布时间】：2019-04-26 16:55:55
【问题描述】：

我在 mat-cell 中添加了一个 Angular Material mat-datepicker。选择DatePicker并更改日期时，它将调用打印侧的函数。我试图在 mat-table 绑定期间弄清楚如何将记录的 ID（主键）绑定到该 mat-cell 并将该值传递给事件处理函数。到目前为止，这是我的代码

<ng-container matColumnDef="ProcessDate">
            <mat-header-cell *matHeaderCellDef mat-sort-header><strong>{{columnName}}</strong></mat-header-cell>
            <mat-cell id={{mydata.id}} *matCellDef="let mydata"> 
                <input id={{mydata.id}} class="control-width" matInput [matDatepicker]="picker1" [value]="myData.date" (dateChange)="addEvent(id,  $event)">
                <mat-datepicker-toggle matSuffix [for]="picker1"></mat-datepicker-toggle>
                <mat-datepicker #picker1 color="primary"></mat-datepicker>
            </mat-cell> 
          </ng-container>

在打字稿方面，id 是“未定义”。任何帮助表示赞赏。

【问题讨论】：

标签： angular angular-material

【解决方案1】：

如果您想要的 id 是 mydata.id 属性，请将回调中的 id 更改为 mydata.id。该视图中没有 id 属性，除非您的组件上有名为 id 的属性，否则 id 将是未定义的。

【讨论】：