Angular: Попытка использовать Ng-if в таблице HTML

Question

У меня есть строка таблицы html, которая выглядит следующим образом ...

  <tr *ngFor='let moloc of moratoriumswithlocs'>
        <td>{{moloc.Id}}</td>
        <td>{{moloc.SystemId}}</td>
        <td>{{moloc.DateEffective | date:'shortDate'}}</td>
        <td>{{moloc.DateExpiration | date:'shortDate'}}</td>
        <td>{{moloc.StateAbbreviation}}</td>
        <td>{{moloc.County}}</td>
        <td>{{moloc.City}}</td>
        <td>{{moloc.Zip}}</td>
        <td>{{moloc.ReasonId}}</td>
    </tr>

Я хочу написать условие, где оно проверяет SystemId (вторая ячейка в строке), и если оно равно 1, ячейка скажет «XXX». Если его значение не равно 1, он скажет «YYY». Есть ли способ во втором тд, чтобы сделать это с помощью ng Если или мне нужно сделать это по-другому? Любая помощь или направление будут наиболее цениться. --Jason

Answer 1

Существуют разные способы.

Вы можете использовать пару ngIf (по одному для каждого случая):

<td *ngIf="moloc.SystemId == 1">XXX</td>
<td *ngIf="moloc.SystemId != 1">YYY</td>

Или использовать троичный оператор:

<td>{{ moloc.SystemId == 1 ? 'XXX' : 'YYY' }}</td>