javascript - 使用Angular表达式有条件地将字符串添加到HTML

我有以下内容：

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

计算结果为dog。

如果s评估除狗以外的其他任何内容，是否可以有条件地添加animalType？

像这样的东西：不起作用

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

所以我会得到cats

最佳答案

在表达式中使用ternary运算符，如下所示：

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