Угловой материал: использование * ngIf внутри таблицы - PullRequest
Новая
       34

Угловой материал: использование * ngIf внутри таблицы

0 голосов
/ 04 июля 2018

У меня есть 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>

1 Ответ

0 голосов
/ 04 июля 2018

Вам необходимо удалить аннотацию {{}}, когда вы используете * ngIf 

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