如何在ng-repeat中使用这种格式的JSON

时间:2016-07-07 19:03:40

标签: 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://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:

<div ng-controller="networkController">
   <table class="table">
     <tr ng-repeat="x in network">
            <td>{{x.longName}}</td>
     <tr>
   </table>
</div>

所以我试过这个,名字似乎没有出现,似乎没有加载到HTML中。

我做错了,JSON前面的“网络”一词是否影响了我需要阅读JSON的方式?

谢谢。

1 个答案:

答案 0 :(得分:1)

以下是plunker http://plnkr.co/edit/x0zCgzNGggBueBFlg0H5?p=preview

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;
                                    });
                                }]);