HTML如何根据后台传来的数据（比如Condition: 1)判断Condition的值来做相应操作

Question

这个是js传过来数据的例子：
app.controller('OrderListCtrl', function($scope, $http){
app.controller('OrderListCtrl', function($scope, $http){

> $scope.orders=[{

> "id": 1,

> "title": "用户甲",

> "Condition": 1

> },{

> "id": 2,

> "title": "用户乙",

> "Condition" : 2

> },{

> "id": 3,

> "title" : "用户丙",

> "Condition": 3

> }];

我需要做的是根据这个Condition的值改变颜色，最近一直在看AngularJS还有bootstrap的书，没怎么懂如何通过数据绑定来处理，望解释一下，尽量不要写JS函数来实现

Answer 1

给你举个例子吧，按照你这个数据，可以采用ng-repeat进行绑定。

首先需要定义一个函数，用来改变样式。
$scope.changeStyle = function (condition) {
if (condition==1) {
return {color: 'red'};
} else if(condition==2) {
return {color: 'black'};
}else{
return {color: 'blue'};
}
};

然后代码片段如下：

• {{o.title}}