Как загрузить список изображений из REST API с помощью angularJS

Question

Я искал в этом форуме тихих немного и вот моя проблема -

У меня есть нг-повтор в моем HTML, который принимает в списке сообщений (Json объект). Каждое сообщение JSON имеет адрес электронной почты отправителя - например. abc@gmail.com

Теперь я должен получить адрес электронной почты из сообщения и сформировать другой запрос API REST для извлечения их изображений, например. - http: // <>: 8080/getImage/abc@gmail.com (адрес электронной почты динамический)

Итак, в моем коде у меня будет ng-repeat и ng-src, указывающие на изображение REST URL Если на сервере нет изображения, он возвращает 404 и отображает сломанное изображение в пользовательском интерфейсе. Как мне это обработать? С другой стороны, если я сделаю 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"; 
          }); 
        }, 

    ...