Question

我的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任务中执行此操作。

Answer 1

控制器：

$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()}}">