对于AngularJS
,我按以下方式使用ng-class
:
<div class="bigIcon" data-ng-click="PickUp()"
ng-class="{first:'classA', second:'classB', third:'classC', fourth:'classC'}[call.State]"/>
我想知道是否可以使用 if-else
表达式来执行类似的操作:
<div class="bigIcon" data-ng-click="PickUp()"
ng-class="{first:'classA', second:'classB', else:'classC'}[call.State]"/>
因此,每当 call.State
与 first
或 second
不同时,请使用 classC
并避免指定每个值?
最佳答案
使用嵌套内联 if-then 语句 ( Ternary Operators )
<div ng-class=" ... ? 'class-1' : ( ... ? 'class-2' : 'class-3')">
例如:
<div ng-class="apt.name.length >= 15 ? 'col-md-12' : (apt.name.length >= 10 ? 'col-md-6' : 'col-md-4')">
...
</div>
并确保它可供您的同事阅读:)
关于AngularJS ng 类 if-else 表达式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18172573/