如何在头部有动态 link href

Question

我的 angularjs 水疗中心中有这个 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 任务中执行它是可以的，如果我知道什么任务会执行此操作。

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

How to have dynamic link href in head