如果src不存在,则从dom中删除angular元素

Question

我有一个带有ng-src属性的img元素,如果模型图像值存在,它将显示/隐藏,如下所示:

<img ng-show="model.image" ng-src="img/{{model.image}}"/>

哪个工作正常.但是当没有图像值存在时,它显然仍然向服务器发出GET请求"... img /".如何阻止它提出此请求？我想我需要有条件地从DOM中删除元素,并且应该将我的DOM操作放在一个指令中,但我不确定如何处理它.干杯.

Answer 1

Angular 1.1.5引入了ng-if指令来有条件地从DOM中删除元素.您需要使用它而不是ng-show.

如果您使用的是旧版Angular,请考虑使用angular-ui的ui-if指令.