html – 如果angular属性为空,则隐藏元素

前端之家收集整理的这篇文章主要介绍了html – 如果angular属性为空,则隐藏元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个图像元素,它从我的角度对象上的属性获取其路径.但是,如果此(imagePath)为空,则会出现图像损坏.如果属性为空,我想不渲染图像,但我没有看到这样做的方法.有任何想法吗?
<img width="50px" src="/resources/img/products/{{current.manufacturerImage.imagePath}}">

解决方法

你想查看 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或未定义,然后隐藏该元素.

猜你在找的HTML相关文章