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

Question

如果条件输入ng-if失败,则加载角度图像

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

因此,如果user.image为false,则加载Image.

我们希望只有在user.image为true时才加载该图像

编辑实际上图像不会在UI上显示,但在网络中的chorme开发人员工具中会加载它

Answer 1

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

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

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