Define any conditional in a ternary operator

Question

I want to change the colors of my cell, so in my table i do this on my td

data-ng-class="{selected.id == price.id && !price.isMinPrice ? 'selected' : '', selected.id == price.id && price.isMinPrice ? 'minSelected' : ''}"

i have this error:

Error: [$parse:syntax] Syntax Error: Token '.' is unexpected, expecting [:] at column 10 of the expression [{selected.id == price.id && !price.isMinPrice ? 'selected' : '', selected.id == price.id && price.isMinPrice ? 'minSelected' : ''}] starting at [.id == price.id && !price.isMinPrice ? 'selected' : '', selected.id == price.id && price.isMinPrice ? 'minSelected' : ''}].

What is wrong ..?

JLRishe · Accepted Answer · 2015-01-27 10:30:15Z

You are using ng-class all wrong and that is why you are getting syntax errors.

You need to give it an object literal:

data-ng-class="{selected: selected.id == price.id && !price.isMinPrice, minSelected: selected.id == price.id && price.isMinPrice}"

This is also much cleaner than what you were trying to do.

Rasalom · Accepted Answer · 2015-01-27 10:20:07Z

I think that ng-class expects structure like this: {'class-name' : booleanValue}, and if value is true, class will be applied.

So in your case:

data-ng-class="{'selected' : selected.id == price.id && !price.isMinPrice, 'minSelected' : selected.id == price.id && price.isMinPrice}"

and if you want to use ternaty operator, you can use class attribute with {{}}:

class="{{selected.id == price.id && !price.isMinPrice ? 'selected' : ''}}"

Collectives™ on Stack Overflow

Define any conditional in a ternary operator

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related