角度ng-class如果这个和那个,if-else表达式

时间:2017-03-20 17:32:38

标签: angularjs

如何编码?

If >= 5 myClass1
else if
< 5 myClass2
else if
< 5 and <=2 myClass3

这部分工作正常:$ index&gt; = 5? 'hidden-md col-lg-1':

需要解决这个问题:(($ index&lt; = 2?'col-md-4 col-lg-2'):'col-md-2 col-lg-2')

ng-class="$index >= 5 ? 'hidden-md col-lg-1' : (($index <= 2 ? 'col-md-4 col-lg-2') : 'col-md-2 col-lg-2')"

1 个答案:

答案 0 :(得分:5)

您也可以使用对象表示法:

ng-class="{
    'hidden-md col-lg-1': $index >= 5,
    'col-md-2 col-lg-2': $index < 5 && $index > 2,
    'col-md-4 col-lg-2': $index <= 2,
}"