如何预取 AngularJS 中的图像？

Question

我正在尝试在我的 Angular 应用程序中预取图像，该图像位于 Chrome 插件中。

在控制器中，我有：

$scope.nextlocation = 'http://i.imgur.com/Vzidbt4.gif';

在我看来，我有：

<link rel="prefetch" href="{{nextlocation}}">

当我加载页面时，我收到一条错误消息：

GET chrome-extension://jlkgcdcdoooiaeamkhagpdolhgjgfgem/%7B%7Bnextlocation%7D%7D net::ERR_FILE_NOT_FOUND

当我硬编码文档中的图像时，如下所示，它工作正常。

<link rel="prefetch" href="http://i.imgur.com/Vzidbt4.gif">

如何让它工作以便动态更新？

Answer 1

<link rel="prefetch" href="http://i.imgur.com/Vzidbt4.gif">

将以上内容改为：

<link rel="prefetch" ng-href="{{nextlocation}}">

How to prefetch an image in AngularJS?