angularjs指令模板与templateURL呈现时间

Question

我有一条指令，使用“ templateURL”将外部HTML文件加载为模板。 控制器中有一个函数完全依赖于DOM才能正确执行。 该函数引发错误，因为调用该函数时预期的DOM元素尚未就绪。

JS：

app.directive('directiveName',function(){
    return{
        restrict:'A',
        replace: true,
        template: '<div id="elmID"></div>',  //** THIS ONE WORKS **//
        templateURL:"template.html",        //** THIS ONE THROWS AN ERROR **//
        scope:false,
        link: function(scope, elm, attrs){},
        controller:function($scope){
            console.log(document.getElementById('elmID'));
        }
});

模板：template.html

<div id="elmID"></div>

实际上，我的template.html文件很大，所以我不想使用内联代码。 有人知道可以解决吗？

Answer 1

您的代码崩溃，因为它templateUrl不templateURL 。

要回答有关渲染/定时的问题，请阅读本文 。

基本上，顺序是：

1. 编译
2. 控制者
3. 预链接
4. 后链接（又名链接）