我是AngularJS的新手。

我想根据它的值向第二列添加一个类。例子::我想添加类'正',如果值>0和类'负',当它是 < 0.

我目前正在使用的:

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

现在,这似乎是工作(见图):

enter image description here

但是,我在我的控制台中得到以下内容:

错误:[$解析:语法] http://errors.angularjs.org/1.2.7/$解析/语法?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 在错误() 在 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。消费(https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:156:325) 在Xa。对象(https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:164:115) 在Xa。小学(https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:154:482) 在Xa。一元(https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:161:240) 在Xa。乘法(https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:480) 在Xa。添加剂(https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:325) 在Xa。关系(https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js:160:204)

有帮助吗?

解决方案

尝试:

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

其他提示

你应该改变 {{values}}values

<td data-ng-class="{positive: $index==1 && values > 0 , negative:values < 0 && $index==1 }" ng-repeat="values in portfolio" >{{values}}</td>
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top