AngularJS:ng-class - ¿Utilizas varias clases?

Question

Soy nuevo en AngularJS.

Quiero agregar una clase a la segunda columna según su valor.Ejemplo:Quiero agregar la clase 'positiva' si el valor es > 0 y la clase 'negativa' cuando es <0.

Lo que estoy usando actualmente:

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

Ahora, esto parece estar funcionando (ver imagen):

Pero recibo lo siguiente en mi consola:

Error:[$parse:sintaxis] http://errors.angularjs.org/1.2.7/$ Parse/Sintaxis? P0 =%26 y P1 = es%20 UNESPECTO%2C%20 EXPECTING%20%5B%7D%5D & P2 = 26 & P3 =%7Bpositivo%3A%20%24 Oíndico%3D%3D1%20%26%26%20S%26P500 %20%3E%200%20%2C%20 Negativo%3As%26p500%20%3C%200%20%26%26%20%24 INDEX%3D%3D11%20%7D & P4 =%26P500%20%3E 200%200%200% 20%2C%20 Negativo%3As%26p500%20%3C%200%20%26%26%20%24 INDEX%3D%3D11%20%7d en Error () a https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:6:449en Xa.throwError (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:155:346) en xa.consume (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:156:325) en xa.object (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:164:115) en xa.primary (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:154:482) en xa.unary (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:161:240) en xa.multiplicative (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:480) en xa.additive (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:325) en xa.relational (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:204)

Answer 1

intento:

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

Answer 2

deberías cambiar {{values}} a values

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