我正在使用有角度的材料mat-table
来显示数据。好吧,当您单击一个单元格时,会显示一个输入字段并且隐藏跨度标签。
但就我而言,这一行中的每个单元格都显示一个输入字段,如您在屏幕截图中所见:
我的ngIf
-Statement 如下所示:
显示跨度标签:!editable || (selectedRowIdx !== idx)
显示输入标签:可编辑 && (selectedRowIdx == idx)
<ng-container matColumnDef="TYPE">
<mat-header-cell *matHeaderCellDef> TYPE </mat-header-cell>
<mat-cell *matCellDef="let elem; let idx = index" (click)="testFocusIn(elem.TYPE)">
<span *ngIf="!editable || (selectedRowIdx !== idx)">{{elem.TYPE}}</span>
<mat-form-field *ngIf="editable && (selectedRowIdx == idx)">
<input matInput [(ngModel)]="elem.TYPE" [appAutoFocus]="(focus === elem.TYPE)">
</mat-form-field>
</mat-cell>
</ng-container>
<ng-container matColumnDef="NAME">
<mat-header-cell *matHeaderCellDef> NAME </mat-header-cell>
<mat-cell *matCellDef="let elem; let idx = index" (click)="testFocusIn(elem.NAME)">
<span *ngIf="!editable || (selectedRowIdx !== idx)">{{elem.NAME}}</span>
<mat-form-field *ngIf="editable && (selectedRowIdx == idx)">
<input matInput [(ngModel)]="elem.NAME" [appAutoFocus]="(focus === elem.NAME)">
</mat-form-field>
</mat-cell>
</ng-container>
我还能检查什么?也许定义一个ID标签?