javascript - AngularJS 指令 templateUrl 不更新

Question

我对 Angular Directive(指令)有疑问。当我编辑通过 templateUrl 引用的文件的内容时，结果不会出现，直到我删除缓存。我有以下代码:

指令.js

.directive('appMainsec',['$window', function ($window){
    var objectMainSec = {
        restrict: 'A',
        templateUrl: 'partials/app-mainsec.html',
        controller: function (){},
        controllerAs: 'MainSectCtrl',
        link: function ($scope,elemnt,attr){
            elemnt.css('height', ($window.innerHeight - ($window.innerHeight * .25)) + 'px');
        }
    };

    return objectMainSec;
}]);

app-mainsec.html

<div><h1>Principal</h1></div>

和index.html

...
 <div app-mainsec></div>
...

当我改变 <h1>Hi</h1>至 <h1>Hello</h1> ，指令的 View 在我删除缓存之前不会更新。

Answer 1

原因是 Angular 在开始时只获取一次文件。您可以尝试将 templateUrl 用作函数并附加时间戳，以便每次都能获得新的模板 url。

templateUrl: function() {
    return 'partials/app-mainsec.html?' + +new Date();
}

但可能只有在编译指令时它才会刷新你的指令。