AngularJS:ng-classe - Utilizar várias classes?
-
20-12-2019 - |
Pergunta
Eu sou novo para AngularJS.
Eu quero adicionar uma classe para a segunda coluna com base no seu valor.Exemplo:Eu quero adicionar a classe "positivo" se o valor for > 0 e classe "negativo", quando < 0.
O que eu estou usando no momento:
<td data-ng-class="{positive: $index==1 && {{values}} > 0 , negative:{{values}} < 0 && $index==1 }" ng-repeat="values in portfolio" >{{values}}</td>
Agora, isso parece estar funcionando (veja a imagem):
Mas, estou recebendo o seguinte no meu console:
Erro:[$analisar:sintaxe] http://errors.angularjs.org/1.2.7/$parse/syntax?p0=%26&p1=is%20unexpected%2C%20expecting%20%5B%7D%5D&p2=26&p3=%7Bpositive%3A%20%24index%3D%3D1%20%26%26%20S%26P500%20%3E%200%20%2C%20negative%3AS%26P500%20%3C%200%20%26%26%20%24index%3D%3D1%20%7D&p4=%26P500%20%3E%200%20%2C%20negative%3AS%26P500%20%3C%200%20%26%26%20%24index%3D%3D1%20%7D no Erro () no https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:6:449 em Xa.throwError (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:155:346) em Xa.consumir (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:156:325) em Xa.objeto (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:164:115) em Xa.primário (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:154:482) em Xa.unário (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:161:240) em Xa.multiplicativa (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:480) em Xa.aditivo (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:325) em Xa.relacional (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:204)
Solução
Tente:
<td data-ng-class="{positive: $index==1 && values > 0, negative:values < 0 && $index==1 }" ng-repeat="values in portfolio" >{{values}}</td>
Outras dicas
Você deve alterar {{values}}
para values
<td data-ng-class="{positive: $index==1 && values > 0 , negative:values < 0 && $index==1 }" ng-repeat="values in portfolio" >{{values}}</td>