AngularJS’de src Yerine ng-src Kullanmak

Çok basit bir bilgi gibi dursa da çoğu zaman gözden kaçabilen bir ayrıntı. Çalıştığım projelerde bir resim için src niteliği belirlerken angular değişkeni kullanacaksam şu şekilde kullanıyorum.

<img src="adres/{{url}}.png"/>

Bu kodun çalışmaması için herhangi bir neden bulunmuyor. Ek olarak kod gayet de güzel çalışıyor. Fakat konsolda, ´adres/{{url}}.png´ adresi için 404 hatası veriyor. Bunun temel nedeni, src nitelik tanımlayıcısının aslında angular initilize edilmeden önce bu string'i bir adres olarak tanımaya çalışması.

Bu hatanın önüne geçmek için, ng-src direktifini kullanıyoruz. Bu sayede src ile aynı işlevi gören ng-src, angular bootstrap olduktan sonra okunduğundan konsola bu hatayı vermiyor. Yani kodumuz;

<img ng-src="adres/{{url}}.png"/>

Halini alıyor.

Yorumları Göster veya Yeni Yorum Yaz