3 种情况的 Angular If 语句

Question

我如何在 Angular 中编写适用于 3 个选项的开关大小写或 if 语句，

 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

你不能用三元运算符来做，但有两个选项。一种方法是用一个返回所需值的函数来替换插值运算符之间的所有内容，该函数只是一些if/else语句。另一种方式是在模板中使用ngif/else模式*ngif-else if的一堆div或ng容器。

更新：@Eliseo指出您实际上可以使用三元运算符执行此操作。从这个问题中你可以这样做，所以我认为：

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

公认的答案还有一个我忘记的好方法，那就是使用ngSwitchCase

Answer 2

你可以试试这个：

<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>

请随意参考链接