angularjs – angular ng-class if-else表达式

前端之家收集整理的这篇文章主要介绍了angularjs – angular ng-class if-else表达式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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',else:'classC'}[call.State]"/>

意味着每当call.State不同于第一或第二使用classC并且不指定每个值。

谢谢!

使用嵌套的inline 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>

并确保它是可读的你的同事:)

原文链接:https://www.f2er.com/angularjs/147576.html

猜你在找的Angularjs相关文章