javascript - 防止带 Angular 图像加载

Question

我正在寻找构建一个简单的电子邮件客户端的方法，但我被卡在了这一点上，客户端应该询问用户是否想查看图像/将它们隐藏在垃圾邮件中。欢迎任何方法。

How to prevent images from loading within a 'container' with angularJS

请注意:我正在寻找 Angular 解决方案，所以请不要建议 jQuery，因为它们不能很好地协同工作。虽然欢迎纯JS

'Do The Simplest Thing That Could Possibly Work'一种解决方案

Answer 1

您可以使用ng-if 功能

在 Controller 中

$scope.toggleImage = false; // true - Show, false - Hide. By default hide image.

在 View 模板中

<img ng-src="" ng-if="toggleImage">
<a href="" ng-click="toggleImage = !toggleImage">Toggle Image</a>

感谢@musically_ut 的更正。