Angular HTMLのTrue Falseパラメータですが、3番目のオプションがある場合はどうなりますか？

Question

は、私たちは皆知っている真偽を使用して（またはこの場合は0でと1）のように、うまく動作します：

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

しかし、私は3番目のオプションを持っている場合は？何vm.searchPaid場合は0、1または2

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

、これはどのような方法で可能ですか私はjsファイル内の関数を記述し、その代わりにコールする必要がありますすることができますか？

またはNO、それは不可能ではない別の解決策

Answer 1

がある、あなたの代わりにスイッチケースで関数を記述し、またはテンプレート

Answer 2

にng-switchを使用する必要が実際には可能ですが、私見ではありません非常に良い見て。あなた自身の判断で使用してください。

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

値が常に0,1または2であると仮定すると、常にそうである場合とそうでない場合があります。