我的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任务中执行此操作。
答案 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()}}">