2016-09-06 9 views
0

を働いていない私は、属性に応じて、異なるソースからの画像を表示することを期待ので、私は、次のしている:NGファイルのアップロード - NG-SRC

<div ng-if="!file.$ngfBlobUrl"> 
    <img style="width:50px; height: 50px" ng-src="{{diffent/img/path.jpg}}"> 
     </div> 

<div ngf-if="!!file.$ngfBlobUrl"> 
    <img style="width:50px; height: 50px" ngf-src="file"> 
</div> 

場合は、ファイル$ ngfBlobUrl === falseを!。そのソースは使用されていないので、イメージが表示されていないので、完璧です。しかし、そのimgソースが見つかりませんでしたので、私は404エラーが発生しています。どうすればそれを防ぐことができますか?つまり、ng-ifはそのURLを検索しないように設定されています。

注:NGF-場合と$ ngfBlobUrlはNGファイルアップロードライブラリ

+0

'ngf-if'それはタイプですか? – Mark

+0

は、ファイルアップロードで使用される指示文です –

+0

代わりに ' 'を使用してください。代わりに' ngf-src'を使用してください。 – danial

答えて

0

角モデルを参照する必要がありますng-src属性の値からです。例:

function MyCtrl($scope) { 
    $scope.image = 'http://imgur.com/myimage.jpg' 
} 

<img style="width: 50px; height: 50px;" ng-src="{{image}}"> 
+0

はい、あります。問題は、表現がまだ存在しないファイルを参照していることです。そのため、そのsrcをスキップして、選択した画像をアップロードする(サーバーにはまだ保存されていない) –

0

Iは、(=「{{パス}}」NG-SRCを使用して)は、2つの異なるリスト、既にアップロードされたファイルとのいずれかを使用して、それを解決し、ファイルの別のものはまだアップロードして使用しますngf-srcディレクティブ。私はそれが私が望んだものを達成するためにはるかにクリーンで簡単な方法だと思います。

ありがとうございました!

関連する問題