html – 如果angular属性为空,则隐藏元素
发布时间：2020-12-14 23:48:10 所属栏目：资源 来源：网络整理
导读：我有一个图像元素,它从我的角度对象上的属性获取其路径.但是,如果此(imagePath)为空,则会出现图像损坏.如果属性为空,我想不渲染图像,但我没有看到这样做的方法.有任何想法吗？ img width="50px" src="/resources/img/products/{{current.manufacturerImage.i
|
我有一个图像元素,它从我的角度对象上的属性获取其路径.但是,如果此(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或未定义,然后隐藏该元素. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |