Angular Если выписка за 3 случая

Question

Как можно написать регистр переключения или оператор if в Angular, который работает для 3 опций,

 if Boards.status==1 then "Approved"
 if Boards.status==2 then "Pending"
 if Boards.status==3 then "Rejected"

Я пробовал это, но мне нужно добавить все 3 опции.

    <td>{{Boards.status==1 ? "Approved": "Pending" }}</td>

Answer 1

Вы можете попробовать это:

<tr [ngSwitch=Boards.status]="switch_expression">
  <td *ngSwitchCase="1">Approved</td>
  <td *ngSwitchCase="2">Pending</td>
  <td *ngSwitchCase="3">Rejected</td>
  <td *ngSwitchDefault>...</td>
</tr>

Не стесняйтесь ссылаться ссылка

Answer 2

Вы не можете сделать это с троичным оператором, но есть несколько вариантов. Один из них - просто заменить все содержимое между операторами интерполяции функцией, которая возвращает желаемое значение, причем эта функция является просто некоторыми операторами if / else. Другой способ - это набор элементов div или ng-контейнеров, использующих шаблон ngif / else * ngIf else, если в шаблоне .

UPDATE: @Eliseo указал, что вы действительно можете это сделать с троичным оператором. Из вопроса вы могли бы сделать это так, я думаю:

<td>{{Boards.status == 1 ? "Approved": Boards.status === 2 ? "Pending": "Rejected" }}</td>

Принятый ответ также имеет хороший способ, который я забыл, который использует ngSwitchCase