Question

我在ng-repeat中有一个角度进度条

<div ng-repeat="item in result">
   <progressbar  animate="false" value="item.status" type="success"><b>{{item.status}}%</b></progressbar></div>

但我将结果变量变为

 $scope.result=[
    {
        id: 0,
        name: "Abc",
        status: "InProgress"
    },
    {
        id: 0,
        name: "Abc",
        status: "InHold"
    }
]

如何为变量＆＃34; value＆＃34;分配特定数字？内部进度条取决于我的JSON数据（状态）。即。如果状态为InProgress，则值为30.我只想根据状态有条件地value。

真的很感激任何帮助。谢谢

Answer 1

您可以再写一个函数，根据状态返回value。

喜欢这个

<强> HTML

<div ng-repeat="item in result">
   <progressbar  animate="false" value="getStatusValue(item.status)" type="success"><b>{{item.status}}%</b></progressbar></div>

<强> JS

$scope.result=[
    {
        id: 0,
        name: "Abc",
        status: "InProgress"
    },
    {
        id: 0,
        name: "Abc",
        status: "InHold"
    }
]

$scope.getStatusValue(st) {
     if(st == "InProgress") {
          return 30;
     }
     else if(st == "InHold") {
          return 10;
     }
}

它会起作用。

将动态值绑定到ng-repeat内的进度条

1 个答案: