AngularJS JSON範圍

Question

我想讓我的Angular控制器在處理對象的JSON數組的方式上更通用。

目前我有以下定義：

$scope.Data = []; 

和我拉跨數據在我的模板，如：

ng-repeat="item in Data.category[3].values 

我的JSON的樣子：

"category": [{ 
"name": "cat1", 
"behaviour": "normal", 
"selected": 0, 
"values": [{ 
    "label": "define", 
    "count": 6 
}] 
}, { 
"name": "cat2", 
"behaviour": "normal", 
"selected": 0, 
"values": [{ 
    "label": "type", 
    "count": 6 
}] 
}, { 
"name": "Company", 
"behaviour": "multi-select", 
"selected": 0, 
"values": [{ 
    "label": "VW", 
    "count": 4 
}, { 
    "label": "Renault", 
    "count": 1 
}, { 
    "label": "Fiat", 
    "count": 1 
}] 
}, { 
"name": "Make", 
"behaviour": "multi-select", 
"selected": 0, 
"values": [{ 
    "label": "Gold", 
    "count": 3 
}] 
}, { 
"name": "Color", 
"behaviour": "normal", 
"selected": 0, 
"values": [{ 
    "label": "White", 
    "count": 3 
}, { 
    "label": "Blue", 
    "count": 2 
}, { 
    "label": "Green", 
    "count": 1 
}] 
}] 

我試圖去做的不是訪問特定的索引：

Data.category[3].values 

我想通過類環和搶索引項的列表，以便我可以用這樣的：

Data.category[Color].values 

，其中顏色是在列表中找到，我可以帶回值那個特定的元素，可能嗎？

Answer 1

我不知道這是你想要的，但如果你需要在顏色的功能，顯示屬性值，你可以在你的控制器做到這一點：

 $scope.dataToDisplay = []; 
     for(var i = 0; i < $scope.Data.length ; i++){ 
    { 
     if($scope.Data.color == 'yourcolor') { 
       $scope.dataToDisplay.push($scope.Data[i].values) 
      } 
     } 

而在你的HTML你只顯示dataToDisplay

Answer 2

您可以使用filter代替，也可以通過範圍動態傳遞Color值。

標記

ng-repeat="item in (Data.category| {name: 'Color'}: true)[0].values 

更新

你可以動態傳遞Color變量通過另一個作用域變量，像$scope.color = 'Color'所以NG重複將成爲

的Html

ng-repeat="item in (Data.category| {name: color}: true)[0].values