AngularJS ng-class with two classes and shorten ES6 if

Question

I have this:

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

Which works.

However, I want to add more classes, depends on different IFs

like this:

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

But only the last is getting applied.

It's all explained in the documentation of ngClass. https://docs.angularjs.org/api/ng/directive/ngClass — JB Nizet, Nov 11 '18 at 16:16
@Bergi no need for a join: ngClass accepts an array of class names as argument. — JB Nizet, Nov 11 '18 at 16:19
@MarcusHöglund please refer and read my question again. The question is not duplicate it's a complete different question. — Raz Buchnik, Nov 11 '18 at 17:21

score 0 · Accepted Answer · answered Nov 11 '18 at 16:43

0

Wrapping the conditions between [] as an array:

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

answered Nov 11 '18 at 16:43

Raz Buchnik

1 Answers1