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

  • guillaume2111's channel

    guillaume211

    19 Kasım 2006
  • LevelUpTuts

    LevelUpTuts

    20 Ocak 2012
  • super1988guy

    super1988guy

    9 Aralık 2007