Angular sqlLite設置css url（）無法設置相對路徑

Question

我在一個離子（混合）應用程序中使用Angular sqlLite來動態設置圖像的src。我需要設置的CSS url屬性等於這個普通的IMG聲明：

<img src="/images/img.png"/> 

然而，當集設置src屬性的DOM顯示，這已被分解成一個文件：//絕對路徑，這沒有按」 t渲染（不知道爲什麼，但相對路徑渲染正常）。

var loadingImg="images/img.png"; 
    element.css({ 
     'src': "url("+loadingImg+")" 
     }); 

的DOM顯示了這種渲染爲：

<img style="src: url(file:///var/containers/Bundle/Application/FD21EBE7-96DE-4DF2-A959-E8ED9C48CC20/Pulsar.app/www/images/bkg/2.png);"> 

如何設置，以便它呈現爲我預期的相對路徑？

Answer 1

在角度更好使用ng-src而不是src。

在控制器

：

$scope.loadingImg="images/img.png"; 

和HTML：

<img ng-src="loadingImg"/> 

更新時間：

如果你想使用指令集圖像，然後可以按照這樣的：

Directi五個：

app.directive('setImage', function() { 
    return { 
    link: function(scope, element, attrs) { 
     var loadingImage = 'http://i.telegraph.co.uk/multimedia/archive/03589/Wellcome_Image_Awa_3589699k.jpg'; 
     attrs.$set('src', loadingImage); 
    } 
    }; 
}); 

和HTML：

<img set-image src="default/image.jpg" alt="img" />