我的服务抓取 JSON 数据并将数据成功返回到控制器,但是我在使用 ng-repeat 迭代键名时遇到问题。
我想将页面上的键名称显示为列表,因为它们是类别名称。
目前 ng-repeat 迭代正确的次数,但它不显示键名。
控制器:
app.controller('getNav', function(getJSONData, $scope) {
var path = 'json/navigation';
getJSONData.async(path).then(function(d) {
$scope.data = d;
});
});
服务:
app.factory('getJSONData', function($http) {
var getJSONData = {
async: function(path) {
var promise = $http.get(path).then(function (response) {
return response.data;
});
return promise;
}
};
return getJSONData;
});
JSON数据:
{
"data": {
"category_a": ["a", "b", "c", "d"],
"category_b": ["e", "f", "g"],
"category_c": ["h", "i", "j"]
},
"response": "Navigation"
}
看法:
<ul ng-controller="getNav">
<li data-ng-repeat="(key, value) in data.data">Category name is: {{key}}</li>
</ul>