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

  • Ammine Getahun

    Ammine Getah

    21 HAZİRAN 2011
  • MagicofRahat

    MagicofRahat

    13 Temmuz 2007
  • Stevie

    Stevie

    2 Mayıs 2010