SORU
8 Aralık 2012, CUMARTESİ


angularjs: ng-src background-image:url eşdeğer(...)

İçinde angularjs var tag ng-src olan amaç o değil bir hata için geçersiz bir url önce angularjs alır değerlendirir değişkenleri yer arasında {{ }}.

Sorun bir url için background-image bir set ile oldukça uzun bir DİV var kullandığım. DİV kesin resmin bitkileri olan 5* *mükemmel CSS3 özelliği yüzünden bunu yapıyorum.

Tek sorun aldığım bir sürü hatalar için aynı sebep yarattılar bir ng-src etiket: ben bazı değişkenleri url ve tarayıcı düşünüyor görüntü yok.

{{"style='background-image:url(myVariableUrl)'"}}, ama bu gibi bir ham yazma bir olasılık olduğunu fark ettim 'kirli'.

Çok araştırdım ve bunu yapmak için doğru yolu bulamıyor. Benim app bu hatalar yüzünden karıştı.

CEVAP
8 Aralık 2012, CUMARTESİ


ngSrc div background-image tarzını değiştiren benzer bir yönerge istediğiniz gibi görünüyor bu yüzden yerel bir Direktif.

İstediğiniz şeyleri tam olarak kendi Direktifi yazabilirsiniz. Örneğin

app.directive('backImg', function(){
    return function(scope, element, attrs){
        var url = attrs.backImg;
        element.css({
            'background-image': 'url('   url  ')',
            'background-size' : 'cover'
        });
    };
});​

Böyle çağırmak

<div back-img="<some-image-url>" ></div>

Bir bonus olarak sevimli kediler ile JSFiddle: http://jsfiddle.net/jaimem/aSjwk/1/

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • HowToBasic

    HowToBasic

    8 Aralık 2011
  • Paste Magazine

    Paste Magazi

    28 AĞUSTOS 2008
  • RFS Dan

    RFS Dan

    22 Temmuz 2014