Question

我是AngularJS的新手，我遇到嵌套指令的问题。我有两个指令：

MainDir.js

(function(){angular.module("mod").directive("mainDir", function(){
return {
    restrict: "E",
    scope: {},
    link: function(scope, element, attributes) {   
    },
    templateUrl: "components/main.html"
};
});})();

main.html中

<div>Main html</div>
<childDir> </childDir>

childDir.js

(function(){angular.module("mod").directive("childDir", function(){
return {
    restrict: "E",
    scope: {},
    link: function(scope, element, attributes) {   
    },
    templateUrl: "components/child.html"
};
});})();

child.html

<p>Hello World</p>

在页面加载时，我在main.html的div中获取文本，但指令没有加载。我在链接功能中设置了一些断点，但它没有到达那里。

Answer 1

你有一个错字。

在childDir.js中，将templateUrl更改为template。

Answer 2

问题是child指令的标记需要写成

<child-dir></child-dir>

此后它工作了..

嵌套指令未在加载时触发

2 个答案: