Javascript 使用角度表达式有条件地将字符串添加到HTML

我有以下资料：

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

---

因此，我将得到表达式中的

cats

使用

三元操作符，如下所示：

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

{{animalType}{{animalType！='dog'？'s'：''}
在表达式中使用
三元
运算符，如下所示：

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

{{animalType}{{animalType！='dog'？'s'：''}
或者

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

{{animalType}s
或者

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

{{animalType}s
未测试，但请尝试以下简单代码片段：

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

{{animalType==“dog”？animalType:“s”}

顺便说一句，如果你只想在两个值之间切换，从我的观点来看，逻辑上讲，吸引人的应该是这样的：

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

$scope.isDog = true/false

{{isDog？“dog”：“s}
$scope.isDog=true/false
未测试，但请尝试以下简单代码片段：

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

{{animalType==“dog”？animalType:“s”}

顺便说一句，如果你只想在两个值之间切换，从我的观点来看，逻辑上讲，吸引人的应该是这样的：

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

$scope.isDog = true/false

{{isDog？“dog”：“s}
$scope.isDog=true/false
如果需要，也可以使用ng

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

{{animalType}s
如果需要，也可以使用ng

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

{{animalType}s
@MikeRobinson它与
复数无关
如果你仔细看问题，那就是我在咖啡前回答的结果…@MikeRobinson它与
复数无关
如果你仔细看问题，那就是我在咖啡前回答的结果。。。