如何在头部有动态链接



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

最新更新