为什么来自服务器的数据不会显示在AngularJS应用程序中?

时间:2016-08-21 08:09:30

标签: html angularjs angularjs-ng-repeat

我有一个简单的AngularJS应用程序,我在 Albums.html 页面上有专辑页面,点击专辑后我重定向到 AlbumPhotos.html 并发送$ http.post请求服务器并从服务器获取相册的所有照片:

getAllPhotosOfALmubFromSrverFunc: function(albumId)
    {
        var photosPromise = $q.defer();
        var req = {
            method: 'POST',
            url: '/api/getPhotos',
            data: albumId
        };
        $http(req).success(function(res) {
           return photosPromise.resolve(res)
        }).error(function(error){
            return photosPromise.reject(error);
        });

        return photosPromise.promise;
     }

getAllPhotosOfALmubFromSrverFunc()方法代码:

<!--Display all Photos Of Album-->
<div ng-repeat="photo in AllPhotosOfAlbumArray">
    {{photo}}
</div>

我从服务器获取数据: enter image description here

但是当我尝试从 $ scope.AllPhotosOfAlbumArray 显示数据时,请在页面上使用 ng-repeat 指令:

{{1}}
它没有显示任何内容。

也许有人知道我怎么解决它?

感谢您的回答!

1 个答案:

答案 0 :(得分:1)

我在代码中注意到的是return photosPromise.resolve(res)return photosPromise.reject(error);您不需要在这些行上使用return,因为这不是使用{{1}的方式在angularjs中。这是$q文档的摘录。

$q