Question

Je suis nouveau sur AngularJS.

Je souhaite ajouter une classe à la deuxième colonne en fonction de sa valeur.Exemple:Je veux ajouter la classe « positive » si la valeur est > 0 et la classe « négative » lorsqu'elle est < 0.

Ce que j'utilise actuellement :

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

Maintenant, cela semble fonctionner (voir image) :

enter image description here

Mais j'obtiens ceci sur ma console :

Erreur:[$parse:syntaxe] http://errors.angularjs.org/1.2.7/$ parse / syntaxe? p0 =% 26 & p1 = est% 20Unexpectecd% 2c% 20expecting% 20% 5B% 7D% 5D & p2 = 26 & p3 =% 7bositive% 3a% 20% 24Index% 3d% 3d1% 20% 26% 26% 20S% 26p500 % 20% 3e% 200% 20% 2c% 20 nève% 3as% 26p500% 20% 3c% 200% 20% 26% 26% 20% 24Index% 3d% 3d1% 20% 7D & P4 =% 26p500% 20% 3e% 200% 20% 2c% 20 nécoratif% 3as% 26p500% 20% 3c% 200% 20% 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.relation (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:204)

Était-ce utile?

La solution

Essayez:

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

Autres conseils

Tu devrais changer {{values}} à values

<td data-ng-class="{positive: $index==1 && values > 0 , negative:values < 0 && $index==1 }" ng-repeat="values in portfolio" >{{values}}</td>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top