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

这个是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函数来实现

给你举个例子吧,按照你这个数据,可以采用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}}



  • {{o.title}}


截图部分为html代码片段。图片说明