Итак, скажем, в моем 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 обрабатывается правильно, а значение типа найдено в контроллере 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;
});
Это, очевидно, довольно просто и просто для тестирования. Но директива рецепта не обрабатывается...
Что происходит здесь?