在AngularJS中使用ng-class来使用两个类,并使用ES6的缩写。

35 浏览
0 Comments

在AngularJS中使用ng-class来使用两个类,并使用ES6的缩写。

这个问题已经有了答案:

使用ng-class添加多个类

我有这个:

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'
"

但只有最后一个会被应用。

admin 更改状态以发布 2023年5月24日
0
0 Comments

把条件用[]括起来成为一个数组:

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

0