AngularJS: ng-class - Using multiple classes?

Question

I am new to AngularJS.

I want to add a class to the second column based on it's value. Example: I want add the class 'positive' if the value is > 0 and class 'negative' when it is < 0.

What I am currently using:

<td data-ng-class="{positive: $index==1 && {{values}} > 0 , negative:{{values}} < 0 && $index==1 }" ng-repeat="values in portfolio" >{{values}}</td>

Now, this seems to be working (see image):

enter image description here

But, I am getting the following in my console:

CD.. · Accepted Answer · 2014-01-08 16:30:37Z

2

Try:

<td data-ng-class="{positive: $index==1 && values > 0, negative:values < 0 && $index==1 }" ng-repeat="values in portfolio" >{{values}}</td>

answered Jan 8, 2014 at 16:30

CD..

74.4k25 gold badges160 silver badges170 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1788175 Over a year ago

Thanks, awesome. No errors now. I will accept this as an answer after the time limit.

jessegavin · Accepted Answer · 2014-01-08 16:30:42Z

0

You should change {{values}} to values

<td data-ng-class="{positive: $index==1 && values > 0 , negative:values < 0 && $index==1 }" ng-repeat="values in portfolio" >{{values}}</td>

answered Jan 8, 2014 at 16:30

jessegavin

75.8k28 gold badges141 silver badges165 bronze badges

Collectives™ on Stack Overflow

AngularJS: ng-class - Using multiple classes?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related