AngularJS ng 类 if-else 表达式

标签 angularjs ng-class

对于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.Statefirstsecond 不同时,请使用 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/

相关文章:

javascript - 是否可以链接指令范围(例如 obj.prop)?

angular - 使用 [ngClass] 条件只能正确显示一种 Font Awesome 图标

Angular 2 Click + ngClass,如何仅应用于 SELF 而不是 ngFor 中的所有元素

Angular 2 : [ngClass] update condition in the function

javascript - 在 angularjs 按钮上使用条件的更 Eloquent 方式

javascript - 是否可以用 Haskell 编写后端并用 Javascript 编写前端?

javascript - 如何在 AngularJS ng-include 中获取调用 onload 的元素

javascript - AngularJS:有条件的 ng 类,一个选项有多个匹配项。

angularjs - $$ 是否意味着 AngularJS 中的私有(private)变量?

javascript - angularjs fomly - 模板中的变量错误