如何使用 angularJS 从 REST API 加载图像列表答案

【问题标题】：How to load image list from REST API using angularJS如何使用 angularJS 从 REST API 加载图像列表
【发布时间】：2013-09-03 09:05:34
【问题描述】：

我在这个论坛上搜索过安静一点，这是我的问题 -

我的 html 中有一个 ng-repeat，它接收消息列表（Json 对象）。每条消息 JSON 都有一个发件人电子邮件地址 - 例如abc@gmail.com

现在，我必须从消息中获取电子邮件地址并形成另一个 REST API 请求来获取他们的图像，例如- http://:8080/getImage/abc@gmail.com（电子邮件地址动态）

所以在我的代码中，我将有一个 ng-repeat 和一个 ng-src 指向图像 REST URL 如果服务器中没有图像，则返回 404 并在 UI 上显示损坏的图像。我该如何处理？另一方面，如果我发出一个 http 请求来确定是否有成功消息，并且在失败时返回默认图像，那么整个事情就会陷入无限循环。我将尝试创建一个小提琴并将其包含在内以便更好地解释。

【问题讨论】：

我建议您在浏览器 JS/网络控制台中检查您请求的 url，我可以提供帮助。

标签： image rest angularjs

【解决方案1】：

使用错误块来处理此类行为：

 function($http) {
                var restUrl = 'getImage/abc';

                return {

    fetchImage: function(imageId) {
                        var self = this;
                        return  $http.get(restUrl + '/' + imageId).
                            success(function(data) {
                                return self.imageUrl = data;
                            }).
                            error(function(data) {
                                return self.imageUrl = "pathToDefaultImage";
                            });
                    },

    ...

【讨论】：