如何将 AngularJS 指令用于 WURFL img-wit 和 ng-src？答案

【问题标题】：How to use AngularJS directive for WURFL img-wit with ng-src?如何将 AngularJS 指令用于 WURFL img-wit 和 ng-src？
【发布时间】：2014-12-18 01:59:30
【问题描述】：

http://www.scientiamobile.com/page/angularwit

希望能够做这样的事情：

<img-wit ng-src="{{trustSrc(profile.pic)}}" w="100"/>

尽管空白区域的大小正确，但图片未呈现。是否可以将 img-wit 的角度指令版本与 ng-src 一起使用？

更新：

确定使用 img-wit 最简单的方法是根本不实现 angularjs 指令。相反，只需在控制器内附加适当的 img-wit 链接前缀即可。

【问题讨论】：

不在当前执行的指令中。它是just looks for a src attribute immediately upon initialisation，它不适用于ng-src，因为src 属性不会立即可用。
感谢您的解释
嗨，ScientiaMobile 首席技术官 Luca Passani。我现在才注意到这篇文章（由于某种原因，当它发布到 SO 时，我似乎没有收到通知）。我们和工程师讨论了这个问题。我们将添加对 ng-src 的支持。敬请期待。谢谢

标签： angularjs angularjs-directive image-size wurfl

【解决方案1】：

0.9.1 版本中增加了对 ngSrc 指令的支持：https://github.com/WURFL/angular-wurfl-image-tailor/releases/tag/0.9.1。

现在支持如下语法：

<img-wit ng-src="{{myUrl}}"></img-wit>

其中 {{myUrl}} 是要加载的可信图像的 url。

详情请查看https://github.com/WURFL/angular-wurfl-image-tailor#how-to-use-it。

免责声明：我为 ScientiaMobile 工作

【讨论】：

您好，谢谢！棒极了！我会在实施后通知您。
嗨 lucor，我希望使用 wurfl 图像定制服务在社交媒体网站上显示个人资料图片。但是，我看不到触发缓存刷新的方法。如果用户更新了他们的个人资料照片，有没有办法请求刷新缓存？
嗨@claireablani，您可以通过添加随机数或类似profile.png?v1的版本查询图像字符串
嗨@lucor，我能够正确地使用imgWit指令进行角度，如文档中所述。但是，我真正需要的是使用带有 ng-src 的 imgWit，而不是硬编码的 src 字符串。这可能吗？
@lucor：感谢您对缓存的回复。我决定附加“lastSaved”时间戳——类似于随机字符串，但随机性稍差。