html - angular属性が空の場合、要素を非表示にします

Question

角度オブジェクトにある属性からパスを取得する画像要素があります。ただし、これ (imagePath) が空の場合、壊れた画像が表示されます。属性が空の場合は画像をレンダリングしたくないのですが、これを行う方法がわかりません。何か案は？

<img width="50px" src="/resources/img/products/{{current.manufacturerImage.imagePath}}">

Answer 1

ngHideディレクティブをチェックアウトします。

したがって、コードは次のようになります。

<img width="50px" ng-hide="current.manufacturerImage.imagePath == ''" 
src="/resources/img/products/{{current.manufacturerImage.imagePath}}">

または、 darkporterによる提案を試すこともできます

<img width="50px" ng-show="current.manufacturerImage.imagePath" 
src="/resources/img/products/{{current.manufacturerImage.imagePath}}">

これを更新して、オブジェクトが null または未定義であるかどうかを確認してから、要素を非表示にすることもできます。