时间戳

首页 > 解决方案 > mat-input 在 mat-table Angular 8 中无法正常工作

angular - mat-input 在 mat-table Angular 8 中无法正常工作

问题描述

我在 mat-table 中遇到问题，我的输入字段在表格中无法正常工作。所有行都使用一个输入字段。意味着如果我在输入框中键入文本，所有行都显示该文本

我的代码：

<ng-container matColumnDef="Remarks">
    <mat-header-cell *matHeaderCellDef>scheduled hours</mat-header-cell>
    <mat-cell *matCellDef="let element">  
        <mat-form-field>
            <input matInput [(ngModel)]="Remarks" (input)="$event.target.value.length > 2 && Remarks($event.target.value)"  name="AppRemarks"  #AppRemarks="ngModel"  placeholder="Remarks"> &nbsp; &nbsp;
        </mat-form-field> 
    </mat-cell>
</ng-container>

标签： angulartypescriptangular8mat-tablemat-input

解决方案

您好，这不是 mat 表的错，您用同一个变量制作了一个表，并且每一行对同一个变量都有两种方式绑定，这将导致每一行都具有相同的值。

为了实现您想要的，请查看 Angular Reactive formarrays。

这是一个很好的教程如何使用 formarrays https://netbasal.com/angular-reactive-forms-the-ultimate-guide-to-formarray-3adbe6b0b61a

推荐阅读