angularjs指令刷新$ compile：tpload异常

Question

我的应用程序指令包含tempateUrl用于查看。

app.directive("testDir", function($window, $rootScope, $timeout) {
    return {
        templateUrl : "app/tpl/test.html",
        link: function(){

        }
    };
});

当我快速刷新（F5）页面多次时，applcation会抛出异常。

  

错误：[$ compile：tpload]无法加载模板

如果我不使用templateUrl并使用模板，则不会抛出错误。

app.directive("testDir", function($window, $rootScope, $timeout) {
    return {
        template : "<div>mycontents</div>",
        link = function(){

        }
    };
});

但是我的应用程序上有html模板。

Answer 1

将link = function(){}更改为link: function(){}。因为您要返回一个应包含key:value类型值的对象。如果使用的话，请确保您提供了templateUrl的正确路径。

app.directive("testDir", function($window, $rootScope, $timeout) {
        return {
            template : "<div>mycontents</div>",
            link: function(){

            }
        };
    });