angularjs - 如果 src 不存在，则从 dom 中删除元素

Question

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

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

效果很好。但显然，当不存在图像值时，它仍会向服务器发出“...img/”的 GET 请求。我怎样才能阻止它提出这个请求？我想我需要有条件地从 DOM 中删除元素，并且应该将我的 DOM 操作放在一个指令中，但我不确定如何解决这个问题。干杯。

Answer 1

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

如果您使用的是旧版本的 Angular，请考虑使用 angular-ui 的ui-if指令。