title: Angular Material: Using *ngIf inside a table
body: <p>I have a <code>mat-table</code> in which I pass some data and build out the table using Angular Material's table component. For some reason when I use <code>*ngif="{{Participant,status != 1}}"</code> to show/hide a button, it errors.</p>
  
  <p>Here is my code for the <code>td</code> cell:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;td mat-cell *matCellDef="let Participant"&gt;
    &lt;button mat-button [matMenuTriggerFor]="participantStatusMenu" class="participantStatusBtn"&gt;
      &lt;span&gt;
        {{Participant.status | participantStatus}}
        &lt;fa-icon [icon]="['fas', 'angle-down']" size="lg"&gt;&lt;/fa-icon&gt;
      &lt;/span&gt;
    &lt;/button&gt;
    &lt;mat-menu #participantStatusMenu="matMenu" class="participantStatusMenu"&gt;
      &lt;button *ngIf="{{Participant.status != 1}}" mat-menu-item&gt;{{1 | participantStatus}}&lt;/button&gt;
      &lt;button mat-menu-item&gt;{{2 | participantStatus}}&lt;/button&gt;
      &lt;button mat-menu-item&gt;{{3 | participantStatus}}&lt;/button&gt;
    &lt;/mat-menu&gt;
  &lt;/td&gt;
  </code></pre>