NGリピート - 画像が存在するかどうかを検出すると

Question

を扱う私が使用して私の見解では、いくつかの画像を表示しています：

<div class="post" ng-repeat="post in vm.posts"> 
    <a href="{{post.url}}" target="_blank"> 
    <img ng-src="/feed/{{post.image}}.jpg" /> 
    </a> 
</div> 

をしかしvm.posts.imageは機会に空になります。現時点では、値が空のときに不正な画像srcのアイコンがブラウザに表示されていますが、黒い空白を表示したいだけです。

更新： 私はそれが（下図参照）ng-ifを使用して動作させることができた - NG-SRCタグ内でこれを行う方法はありますか？

<div ng-if="post.image"> 

</div> 

Answer 1

私はこれが事実であるならば、uはそのが存在しない場合は、DOMから要素を除去するng-ifを使用することができ、あなたはポストは画像の詳細情報を持っていない場合に空白を表示したいと思います。 ng/show/ng-hideも使用できますが、ng-ifとng-ifの使用には違いがあります。それはあなたの要求に依存します。

<img ng-if="post.image" ng-src="/feed/{{post.image}}.jpg" /> 

更新された質問によると、条件は以下のようにng-srcに使用できます。 post.imageの値がfalseである場合は、ここにあなたの問題はpost.imageが空になったときに、NG-srcは/feed/.jpgパスを探し、thatsのことです

<img ng-src="{{ post.image?('/feed/'+ post.image +'.jpg'):'' "}}/>