Use uma diretiva angular dentro de outra diretiva
Eu criei as diretivas angulares abaixo,ChildDirective que é usado dentroParentDirective
var wizardModule = angular.module('Wizard', []);
wizardModule.directive('childDirective', function ($http, $templateCache, $compile, $parse) {
return {
restrict: 'E',
scope: [],
compile: function (iElement, iAttrs, transclude) {
iElement.append('child directive<br />');
}
}
})
wizardModule.directive('parentDirective', function ($http, $compile) {
return {
restrict: 'E',
compile: function (element, attrs) {
var x = '<child-directive></child-directive><child-directive></child-directive>';
element.append(x);
}
}
Isso estava funcionando normalmente e várias diretivas infantis apareceram.
Eu queria atualizar oParentDirective, para obter a lista dechildDirectives do servidor. Daí eu atualizei oParentDirective código para fazer uma chamada ajax e, em seguida, desenhar oChildDirectives
var elem;
wizardModule.directive('parentDirective', function ($http, $compile) {
return {
restrict: 'E',
compile: function (element, attrs) {
var controllerurl = attrs.controllerurl;
elem = element;
if (controllerurl) {
$http.get(controllerurl + '/GetWizardItems').
success(function (data, status, headers, config) {
var x = '<child-directive></child-directive><child-directive></child-directive>';
elem.append(x);
$compile(x);
});
}
}
}
});
O problema é que ochildDirectives não aparece mais, embora no debeggur ele esteja entrando no método compile dochildDirective