带有两个类的AngularJS ng-class并缩短ES6

时间:2018-11-11 16:13:59

标签: angularjs ecmascript-6

我有这个:

ng-class="
 filter.page == $index ? 'btn-dark' : 'btn-outline-secondary'
"

哪个工作。

但是,我想添加更多类,具体取决于不同的IF

像这样:

ng-class="
 filter.page == $index ? 'btn-dark' : 'btn-outline-secondary';
 $root.t.direction=='rtl' ? 'ml-2' : 'mr-2'
"

但是只有最后一个应用了。

1 个答案:

答案 0 :(得分:0)

[]之间的条件包装为数组:

ng-class="
  [filter.page == $index ? 'btn-dark' : 'btn-outline-secondary',
  $root.t.direction=='rtl' ? 'ml-2' : 'mr-2']
"