True False 参数在 Angular HTML 中，但如果有第三个选项怎么办?

Question

我们都知道使用真正的假(或在本例中为 0 和 1(工作得很好，如下所示：

{{ vm.searchPaid ? "SHOW PAID" : "SHOW UN-PAID" }}

但是，如果我有第三种选择怎么办？如果vm.searchPaid可以是 0、1 或 2

怎么办

{{ vm.searchPaid ? "SHOW PAID" : "SHOW UN-PAID" : "SHOW ALL" }}

这是否可能，或者我必须用 js 编写一个函数并调用它？

还是有其他解决方案

Answer 1

不，这是不可能的，你需要用开关大小写来编写一个函数，或者在模板中使用ng-switch

Answer 2

实际上这是可能的，但恕我直言，看起来不是很好。根据自己的判断使用。

{{ (vm.searchPaid == 0) ? "SHOW PAID" : (vm.searchPaid == 1) ? "SHOW UN-PAID" : "SHOW ALL" }}

假设该值始终为 0,1 或 2，情况可能总是如此，也可能并非总是如此。