如何在头部拥有动态链接href

时间:2015-10-05 20:38:22

标签: angularjs browser-cache

我的angularjs spa中有这个链接元素:

<link rel="apple-touch-icon" sizes="57x57" href="./images/icon/apple-icon-57x57.png">

我被告知不要让构建本身重命名文件,所以我想做类似的事情:

<link rel="apple-touch-icon" sizes="57x57" href="./images/icon/apple-icon-57x57.png?m=(some random number or date time stamp)">

以便在页面刷新时如果图标发生了变化,它会使缓存失效并加载当前图标。

但是由于Angularjs不是服务器端技术,我不知道如何实现这一目标。

如果我知道会执行什么任务,那么可以在grunt任务中执行此操作。

1 个答案:

答案 0 :(得分:0)

控制器:

$scope.getNumber = function() {
    $scope.num = (Math.ceil(Math.random() * 9));
};

在HTML标记中调用此控制器:

<html ng-controller="myCtrl">

修改此行:

<link rel="apple-touch-icon" sizes="57x57" href="./images/icon/apple-icon-57x57.png?m={{getNumber()}}">