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

  • BradleyWuzHere

    BradleyWuzHe

    25 NİSAN 2011
  • Perihelion

    Perihelion

    23 NİSAN 2008
  • Tinkernut

    Tinkernut

    28 Aralık 2006