如果角度材料表中的条件

时间:2021-01-12 09:44:03

标签: angular typescript angular-material

我正在使用 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'];

我尝试过但失败了有人可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

如果你想根据 if 和 else 条件隐藏列,你应该动态构建 displayColumns 数组。

例如。

要隐藏删除列,displayColumns数组值像

this.displayedColumns = ['assessment','status','action','issue','created'];