SORU
30 NİSAN 2013, Salı


eğer ngSrc bir yol için çözümler 404, orada bir varsayılan geri dönüş için bir yol var mı?

Kuruyorum uygulama benim kullanıcı bu görüntü bile yükleme şansı var önce bilgi 4 parça ayarlamak için gerektirir. Bu resim Uygulama Merkezi-parça, kırık resim link her şeyi borked gibi görünmesini sağlar. Başka bir görüntü 404 yerini almak istiyorum.

Herhangi bir fikir? Bunun için özel bir yönerge yazma önlemek istiyorum.

Özellikle doktorlar ilk soru aynı zaman da benzer bir soru bulamadım şaşırdım!

http://docs.angularjs.org/api/ng.directive:ngSrc

CEVAP
15 HAZİRAN 2013, CUMARTESİ


Bir resim yükleme ve src değiştirmek için bir hata izlemek için oldukça basit bir Direktif. (Plunker)

Html:

<img ng-src="smiley.png" err-src="http://google.com/favicon.ico" />

Javascript:

var app = angular.module("MyApp", []);

app.directive('errSrc', function() {
  return {
    link: function(scope, element, attrs) {
      element.bind('error', function() {
        if (attrs.src != attrs.errSrc) {
          attrs.$set('src', attrs.errSrc);
        }
      });
    }
  }
});

Eğer ngSrc boş olduğunda hata görüntü görüntülemek istiyorsanız (Plunker) Bu ekleyebilirsiniz:

attrs.$observe('ngSrc', function(value) {
  if (!value && attrs.errSrc) {
    attrs.$set('src', attrs.errSrc);
  }
});

Sorun ngSrc eğer değer boş ise src özniteliği güncelleme yok.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Andrew_Huang

    Andrew_Huang

    10 ŞUBAT 2006
  • merumputdotcom

    merumputdotc

    24 ŞUBAT 2012
  • Skittles Page

    Skittles Pag

    28 Mart 2011