如何使用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";
                            });
                    },

    ...