如果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指令。