我在angularjs的spa中有一个link元素:
<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 task中这样做是可以的
controller:
$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()}}">