AngularJS ng 类 if-else 表达式

Question

对于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 并避免指定每个值？

Answer 1

使用嵌套内联 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>

并确保它可供您的同事阅读:)