АнгулярДжС:ng-class – Использование нескольких классов?

Question

Я новичок в AngularJS.

Я хочу добавить класс во второй столбец на основе его значения.Пример:Я хочу добавить класс «положительный», если значение> 0, и класс «отрицательный», если оно <0.

Что я сейчас использую:

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

Теперь это, кажется, работает (см. изображение):

Но я получаю в консоли следующее:

Ошибка:[$parse:синтаксис] http://errors.angularjs.org/1.2.7/$ parse/syntax? P0 =%26 и P1 =%20unexpretcted%2C%20 Исследование%20%5b%7d%5d & p2 = 26 и p3 =%7bpositive%3a%20%24 -index%3d%3d1%20%26%20s%26p500. %20%3E%200%20%2C%20 СНЕГАТИВ%3AS%26P500%20%3C%200%20%26%26%20%24 ИНДЕКС%3D%3D1%20%7D и P4 =%26p500%20%3E 200% 20%2C%20 СНЕГАВИЙ%3AS%26P500%20%3C%200%20%26%26%20%24NDEX%3D%3D1%20%7D при ошибке () при https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:6:449в Xa.throwError(https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:155:346) в xa.consume (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:156:325) в xa.object (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:164:115) в xa.primary (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:154:482) в xa.unary (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:161:240) в xa.multiplicative (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:480) в xa.additive (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:325) в xa.relational (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:204)

Answer 1

попробуйте:

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

.

Answer 2

Вы должны изменить {{values}} к values

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