еще заявление в угловых нг-если

Question

Я пытаюсь выяснить, как сделать условное выражение 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вверх, чтобы добавить другой класс.Теперь у меня просто есть '', но я знаю, что это не может быть правильно.

Answer 1

Вы можете использовать ng-switch для условия if-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>

Answer 2

Разве вы не можете использовать 2 условия и просто изменить логику?

<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 потенциальных условий, и я бы сохранил те, которые вы хотите запретить, в виде массива и проверил быдля индекса просто для удобства обслуживания и чистоты кода