Is it possible to use operators with ngClass?

Question

How can I use operators with ngClass ? For example, I would like to apply a class only if someValue equals otherValue

[ngClass]="{active: someValue === otherValue}"

see [this](http://stackoverflow.com/a/35269611/3455035) – anoop Apr 10 '17 at 13:43 — anoop, Apr 10 '17 at 13:43

score 0 · Answer 1 · answered Apr 10 '17 at 13:30

0

It is possible according to official reference.

answered Apr 10 '17 at 13:30

score 0 · Answer 2 · answered Apr 10 '17 at 13:36

0

You can use any operators if in the end the expression will return true or false.

[ngClass]="{online: serverStatus === 'online'}"

This is my example - the expression returns true when serverStatus is online, and then class .online is applied.

answered Apr 10 '17 at 13:36

Bartosz Gajda

score 0 · Answer 3 · answered Oct 20 '17 at 12:57

Pls try the below code. The class active will get triggered when the condition someValue = otherValue.

[ngClass]="{'active': someValue == othervalue}"

or

[ngClass]="{'active': someValue === othervalue}"

If you want to add a class by checking with any specific value such as 0, pls try

[ngClass]="{'active': someValue == '0' }"

3 Answers3