Условно добавить строку в HTML с угловым выражением

Question

0

У меня есть следующее:

<div>{{animalType}}</div>

который оценивает dog.

Могу ли я условно добавить s если animalType оценивается ничем, кроме собаки?

Что-то вроде этого: что не работает

<div>{{animalType}} {{'s' : !animalType == 'dog'}}</div>

Так что я буду получать cats

Daft 30 июнь 2015, в 15:27

Теги:

4 ответа

1

альтернативно

<div>{{animalType}}<span ng-show="animalType!='dog'">s</span></div>

Stu 30 июнь 2015, в 10:54

0

Не проверен, но попробуйте этот простой фрагмент:

<div>{{animalType === "dog" ? animalType : "s"}}</div>

Кстати, если вы хотите переключиться только между двумя значениями, с моей точки зрения, логически привлекательным было бы что-то вроде этого:

<div>{{isDog ? "dog" : "s"}}</div>

$scope.isDog = true/false

Max Yari 30 июнь 2015, в 11:07

0

Вы также можете использовать ng-if

<div>{{animalType}}<div ng-if="animalType !== 'dog'">s</div></div>

ukn 30 июнь 2015, в 10:48

Tushar · Accepted Answer · 2015-06-30T10-45-00.000Z

Используйте ternary оператор в выражении следующим образом:

<div>{{animalType}}{{animalType != 'dog' ? 's' : '' }}</div>