javascript - ngSrc 在 ngIf 之前计算导致不必要的 http 请求

Question

当你写这样的东西时:

<img ng-if="image.name != null" ng-src="img/{{ image.name }}_img.png" />

如果 image.name = null Angular 将首先添加标签并评估 src。浏览器将对不存在的 img/_img.png 发出 http 请求。然后 Angular 将在解析 ngIf 指令后删除标签。解决此问题的最简单方法是什么？我认为这是 ngSrc 和 ngIf 的完美用例。

编辑

在当前不稳定的 1.2.0-rc.2 中，问题已修复，一切正常。在当前稳定版 1.0.8 中，您甚至不能使用三元运算符。

Answer 1

您不需要 ng-if为此的指令。只需在您的表达式中进行三元运算符测试。有点像

<img ng-src="{{image.name?('img/'+ image.name +'_img.png'):null}}"/>

它应该可以工作。看我的 plunker http://plnkr.co/edit/BWiGdO?p=preview