$ http Nhận logic để chỉ cho phép 200 OK

Question

Tôi đang cố gắng xây dựng một số logic vào api của mình để nó loại trừ các đối tượng có URL trong trường "hình ảnh" trả về 4xx, 5xx hoặc thời gian trên 4000 mili giây .

Mã bên dưới không hoạt động tốt vì nó vẫn cho phép hình ảnh 404 và trống.

Có ai có thể đề xuất cách sửa lỗi này không?

Ngoài ra, ở đây nó là một trong plunker- http://plnkr.co/edit/7ScnGyy2eAmGwcJ7XZ2Z?p=preview

Ví dụ về json: {id: 242, hình ảnh: "www.image.com/1.jpg", tên: "blah blah"}

.controller('CardsCtrl', ['$scope', '$http', '$state', '$q', '$ionicLoading', '$ionicModal', 'TDCardDelegate', 'cardsApi', '$http', '$timeout', '$element', 
    function($scope, $http, $state, $q, $ionicLoading, $ionicModal, TDCardDelegate, cardsApi, $http, $timeout, $element) { 


    var loginuid = window.localStorage.getItem('uid'); 
    console.log(loginuid); 


    var MIN_CARDS = 7; 

    console.log('CARDS CTRL'); 
    $scope.cards = []; 

    cardsApi.getApiData() 
     .then(function(result) { 
     console.log(result.data); //Shows log of API incoming 
     $scope.cards = result.data; 

     result.data.forEach(function(card) { 
      var imgurl = card.image; 
      console.log(imgurl); 
      var canceler = $q.defer(); 
      $http.get(imgurl, { 
       timeout: canceler.promise 
      }) 
      .then(function mySuccess(response) { 
       console.log(response.status); 

      }, function myError(response) { 
       console.log(response.status); 

       if (response.status == 404) { 
       $scope.cards.splice(card, 1); 
       } 
       // console.log('deleted'); 
       var imgpid = "#card-image-" + card.vari; 
       console.log(imgpid); 
       $(imgpid).parent().remove(); 
      }) 
      .catch(function(err) { 

      }); 
      $timeout(function() { 
      $ionicLoading.hide(); 
      canceler.resolve(); 
      }, 4000); 
     }); 

     }) 

Answer 1

tôi đã thay đổi dòng này từ:

<img class="storelogo-image" ng-src="{{card.store__logo}}"> 

để

<img class="storelogo-image" ng-src="{{card.store__logo.indexOf('http://')> -1 ?card.store__logo :''}}"> 

Và nó hoạt động tốt.

Answer 2

The plunker

tôi thêm -<td-card ng-if="card.image" ng-repeat="card in cards" ...

này sẽ ngăn chặn các mẫu từ tạo ra và mẫu hình ảnh sản phẩm nào trong trường hợp không có hình ảnh có sẵn