我正在使用 Angular 材料表,我想根据 if 条件在表中隐藏一列。如果条件为真,则该列会显示在页面上,否则会隐藏。
这是我的 html 代码。
<ng-container matColumnDef="delete">
<th class="th" mat-header-cell *matHeaderCellDef> Delete </th>
<td mat-cell *matCellDef="let element" ><span><i class="fa fa-trash" aria-hidden="true" (click)="check(element._id)" style="cursor: pointer;" data-toggle="modal" data-target="#dModal"></i></span>
</td>
</ng-container>
这是我的 ts 代码
displayedColumns: string[] = ['assessment','status','action','issue','created','delete'];
我尝试过但失败了有人可以帮助我吗?
答案 0 :(得分:1)
如果你想根据 if 和 else 条件隐藏列,你应该动态构建 displayColumns 数组。
例如。
要隐藏删除列,displayColumns数组值像
this.displayedColumns = ['assessment','status','action','issue','created'];