image - 如何使用 angularJS 从 REST API 加载图像列表

Question

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

我的 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 请求来确定是否有成功消息，并且在失败时返回默认图像，那么整个事情就会陷入无限循环。我将尝试创建一个小提琴并将其包含在内以便更好地解释。

Answer 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";
                            });
                    },

    ...