Question

我已经花了几个小时在这上面，我只是无法在页面上显示数组数据。我没有收到任何错误。

     (function() {
        var app = angular.module('myApp', []);

        app.controller('AppController', ['$http', function($http){
            this.files = [];

            $http.get('angular-data.json').success(function(data){
                this.files = data;
            });
        }]);
    })();

在我的angular-data.json文件中：

[{"name": "myfile.doc","ext": "doc","size": "168KB","modified": "5 mins"}]

有人请帮忙： - （

Answer 1

将您的.success转换为.then

然后转换此

this.files = data;

到这个

this.files = data.data;

Answer 2

试试这个

this.files = data[0];

在 angular-data.json 文件中，它有数组中的对象

Answer 3

我认为成功回调中的this没有得到它的上下文。

尝试在$scope中绑定它，或者如果您使用的是vm，就像

一样

$ scope

(function() {
    var app = angular.module('myApp', []);

    app.controller('AppController', ['$http', '$scope', function($http, $scope){
        $scope.files = [];

        $http.get('angular-data.json').success(function(data){
            $scope.files = data;
        });
    }]);
})();

vm

(function() {
    var app = angular.module('myApp', []);

    app.controller('AppController', ['$http', function($http){
        var vm = this;
        vm.files = [];

        $http.get('angular-data.json').success(function(data){
            vm.files = data;
        });
    }]);
})();

Angular不显示JSON数组数据

3 个答案: