Multiple condition on ng-class in angularjs

Question

how can I add extra condition on below code

<div ng-class="{true: 'complete'}[item.Id != 0]"></div>

here I need to add "{true: 'abc'}[item.name == "FName"], can anyone help me out.

thank you

what are you trying to achieve? what is that condition suppose to mean? — Nitsan Baleli, Sep 16 '19 at 08:25
`true: 'abc'` is not a condition... `ng-class=" (item.id != 0 && /* some other condition*/) ? 'classNameWhenConditionsMet' : 'classNameWhenConditionsAreNotMet'"` is what you are looking for ? — Akber Iqbal, Sep 16 '19 at 08:33

score 2 · Answer 1 · answered Sep 16 '19 at 08:32

2

After doing a quick search i found this:

ng-class="{'test': obj.value1 == 'someothervalue' || obj.value2 == 'somethingelse'}"

answered Sep 16 '19 at 08:32

Pwner

I need to add two different classes based on the condtions – Santhosha Acharya Sep 16 '19 at 10:00
So you need something like if condition : class elseif condition:class else nothing ? – Pwner Sep 16 '19 at 10:12
No, both condtion should work, as shown below ```
``` here abc is class, but here second condition is not working – Santhosha Acharya Sep 16 '19 at 10:16
I have no ideea of your conditions but what I have noticed is that you double quoted Fname which will break your code:
– Pwner Sep 16 '19 at 10:23

score 1 · Accepted Answer · answered Sep 16 '19 at 10:22

I guess that you want complete class to be added with this condition: item.Id != 0. The correct syntax for this is the below:

<div ng-class="{ 'complete': item.Id != 0 }"></div>

You can add as many classes you want using a comma:

<div ng-class="{ 'complete': item.Id != 0, 'abc': item.name == 'FName' }"></div>

2 Answers2