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

发布时间：2020-12-17 09:24:31 所属栏目：安全来源：网络整理

导读：我使用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 c

我使用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>

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!