我有一个mat-table
,我在其中传递一些数据并使用Angular Material的表格组件构建表格。由于某些原因,当我使用*ngif="{{Participant,status != 1}}"
显示/隐藏按钮时,它会出错。
这是我在td
单元格中的代码:
<td mat-cell *matCellDef="let Participant">
<button mat-button [matMenuTriggerFor]="participantStatusMenu" class="participantStatusBtn">
<span>
{{Participant.status | participantStatus}}
<fa-icon [icon]="['fas', 'angle-down']" size="lg"></fa-icon>
</span>
</button>
<mat-menu #participantStatusMenu="matMenu" class="participantStatusMenu">
<button *ngIf="{{Participant.status != 1}}" mat-menu-item>{{1 | participantStatus}}</button>
<button mat-menu-item>{{2 | participantStatus}}</button>
<button mat-menu-item>{{3 | participantStatus}}</button>
</mat-menu>
</td>
答案 0 :(得分:4)
使用* ngIf
时,您需要删除注释{{}} <button *ngIf="Participant.status !== '1'" mat-menu-item>{{1 | participantStatus}}</button>