Question

我试图弄清楚如果存在其他两个aleardy以外的其他值，该如何做else条件。

<p ng-if="item.extras === 'Fun'"><item class="list-number-blue">{{item._id}}</item></p>
      <p ng-if="item.extras === 'Warm up'"><item class="list-number">{{item._id}}</item></p>
<p ng-if="item.extras === ''"><item class="list-number-new">{{item._id}}</item></p>

例如，如果除“ Fun”或“ Warm up”以外的任何值可添加其他类。现在我只有''，但我知道那是不对的。

Answer 1

您不能使用两个条件并简单地反转逻辑吗？

<p ng-if="item.extras === 'Fun'"><item class="list-number-blue">{{item._id}}</item></p>
<p ng-if="item.extras === 'Warm up'"><item class="list-number">{{item._id}}</item></p>
<p ng-if="item.extras !== 'Fun' && item.extras !== 'Warm up'"><item class="list-number-new">{{item._id}}</item></p>

有2种以上的潜在条件，我会将您不允许的条件存储为数组，并检查indexof仅用于可维护性和代码清洁度

Answer 2

您可以将ng-switch用于if-else条件。 else部分可以使用ng-switch-default

进行编码

<div ng-switch='item.extras'>                   
<p ng-switch-when="item.extras === 'Fun'">{{item._id}}</p>
<p ng-switch-when="item.extras === 'Warm up'">{{item._id}}</p>
<p ng-switch-default>{{item._id}}</p>
</div>

角度ng-if中的else语句

2 个答案: