angularjs - 如果条件在 AngularJS 中的 ng-if 中失败，则图像加载

Question

如果 ng-if 中的条件失败，则在 Angular 中加载图像...

<div ng-if="user.image">
  <img src="assets/abc.jpg">
</div>

因此，如果 user.image 为假，则加载图像。

我们希望只有当 user.image 为真时才加载该图像。

编辑 实际上图像没有显示在 UI 上，但是在网络的 chrome 开发者工具中它被加载了。

Answer 1

ng-if 在 1.2 中。在 IMG 标签中使用 ng-src 而不是 src 来防止浏览器在 Angular 有机会编译之前首先加载图像HTML。

<div ng-if="user.image">
  <img ng-src="assets/abc.jpg">
</div>

https://code.angularjs.org/1.2.28/docs/api/ng/directive/ngSrc