所以让我们在我的 HTML 中说我有这样的东西:
<tabcontent></tabcontent>
然后这个指令的javascript是这样的:
tabsApp.directive('tabcontent', function(){
var myObj = {
priority:0,
template:'<div></div>',
replace: true,
controller: 'TabCtrl',
transclude: false,
restrict: 'E',
scope: false,
compile: function (element, attrs){
return function (parentScope, instanceEle){
parentScope.$watch('type', function(val) {
element.html('<div '+val+'></div>');
});
}
$compile(parentScope);
},
link: function postLink(scope, iElement, iAttrs){}
};
return myObj;
});
HTML 被正确解析,并且 type 的值在控制器 JS 中找到。
so <tabcontent></tabcontent> is replaced with <div recipe></div> for example..
(那部分确实发生了)
所以我也有一个配方指令:
tabsApp.directive('recipe', function(){
var myObj = {
priority:0,
template:'<div>TESTING</div>',
replace: true,
controller: 'TabCtrl',
transclude: false,
restrict: 'E',
scope: false,
compile: function (element, attrs){
return {
pre: function preLink(scope, iElement, iAttrs, controller){},
post: function postLink(scope, iElement, iAttrs, controller){}
}
},
link: function postLink(scope, iElement, iAttrs){}
};
return myObj;
});
这显然非常简单,仅用于测试。但是配方指令没有被处理......
这里发生了什么?