Html 如何在ng repeat中使用这种JSON格式
这是我使用的JSON和控制器: JSON格式:Html 如何在ng repeat中使用这种JSON格式,html,angularjs,json,angularjs-ng-repeat,angularjs-controller,Html,Angularjs,Json,Angularjs Ng Repeat,Angularjs Controller,这是我使用的JSON和控制器: JSON格式: {"networks":[{"longName":"lo"},{"longName":"eth0"}]} 工厂: app.factory('networkFactory', [ '$http', function($http) { return $http.get("http://
{"networks":[{"longName":"lo"},{"longName":"eth0"}]}
工厂:
app.factory('networkFactory', [ '$http',
function($http) {
return $http.get("http://localhost:8080/JAXRS-RESTEasy/rest/toolservice/network")
.success(function(data) {
return data;
}).error(function(err) {
return err;
})
} ]);
控制器:
app.controller('networkController', [ '$scope', 'networkFactory',
function($scope, jsonFactory) {
jsonFactory.success(function(data) {
$scope.network = data;
});
}]);
HTML:
{{x.longName}}
所以我尝试了这个方法,但是这些名称似乎没有被加载到html中
我做错的是,JSON前面的“网络”一词会影响我阅读JSON的方式吗
谢谢。这是普朗克
找到解决方案后,我使用了
ng repeat=“x in network.networks”
而不是ng repeat=“x in network”
您可以修改$scope.network=data.networks而不是network.netwroks。这是一个值得经常遵循的好方法。请将其标记为已接受,以便其他人发现它有用。谢谢,并提高您的声誉。success
和error
方法不推荐使用,请不要使用它们。这样就可以使用方法。
<div ng-controller="networkController">
<table class="table">
<tr ng-repeat="x in network">
<td>{{x.longName}}</td>
<tr>
</table>
</div>
var app=angular.module('myApp',[])
app.factory('networkFactory', [ '$http',
function($http) {
return $http.get("tag.json")
.success(function(data) {
return data;
}).error(function(err) {
return err;
})
} ]);
app.controller('networkController', [ '$scope', 'networkFactory',
function($scope, networkFactory) {
networkFactory.success(function(data) {
debugger
$scope.network = data.networks;
});
}]);