AngularJS ile Resim Alma İstekleri

HTML'de oluşturulacak bir görüntünün kaynak dizesini AngularJS denetleyicisinde depoluyorum, ancak Angular denetleyici başlatılmadan önce bir 404 veriyor.

İşte HTML:

 <div ng-controller="Cont">
      <img src="{{imageSource}}">
 </div>

Açısal kontrolör:

 var Cont = function($scope) {
      $scope.imageSource = '/tests.png';
 }

Ve hata I (get %7D%7Dkarşılık gelir {{şablonda).

 GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found) 

Bunun olmasını nasıl engelleyebilirim? Yani, görüntüyü yalnızca Angular denetleyici başlatıldığında mı yükleyin?

Src'nizi ng-src ile değiştirmeyi deneyin Daha fazla bilgi için belgelere bakın :

Bir src özniteliğinde {{hash}} gibi Açısal işaretlemenin kullanılması doğru çalışmaz: Tarayıcı, {{hash}} içindeki ifadeyi Angular'ın yerini alana kadar {{hash}} URL'den getirecektir. NgSrc direktifi bu sorunu çözer.

 <div ng-controller="Cont">
      <img ng-src="{{imageSource}}">
 </div>

Birisi arka plan resmini şekillendirmek için bir çözüm arıyorsa, şunu kullanın:

<div ng-style="{'background-image': 'url({{ image.source }})'}">...</div>