代码之家  ›  专栏  ›  技术社区  ›  Charles L.

角度材质:在表中使用*ngif

  •  1
  • Charles L.  · 技术社区  · 6 年前

    我有一个 mat-table 其中,我传递一些数据并使用角度材质的表组件构建表。当我使用 *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>
    
    1 回复  |  直到 6 年前
        1
  •  4
  •   Sajeetharan    6 年前

    使用*ngif时,需要删除注释{{}

     <button *ngIf="Participant.status !== '1'" mat-menu-item>{{1 | participantStatus}}</button>