Angular sqlLite set css url（）で相対パスを設定できません

Question

画像のsrcを動的に設定するために、Angular sqlLiteをIonic（ハイブリッド）アプリケーション内で使用しています。 //絶対パス、」doesnの：セットはsrcプロパティを設定すると

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

しかし、DOMは、これはファイルに解決されていることを示しています。私は、この通常のimg宣言に等しくなるようにCSSのurlプロパティを設定する必要がありますなぜレンダリングされないのですか（なぜそうだが、相対パスは上手くレンダリングされます）。それは私が意図した相対パスとしてレンダリングされるように、私はそれを設定するにはどうすればよい

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

：

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

DOMがこのようにレンダリングを示しますか？

Answer 1

srcの代わりにng-srcを使用するのが良い角度で。コントローラで

：

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

とhtmlで：

<img ng-src="loadingImg"/> 

更新日：

をあなたが画像を設定するディレクティブを使用する場合は、その後のように従うことができます：

Directi VEの：

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" />