Usar una directiva angular dentro de otra directiva.
He creado las siguientes directivas angulares,ChildDirective que se usa 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);
}
}
Esto funcionaba normalmente y aparecieron varias directivas infantiles.
Quería actualizar elParentDirective, para obtener la lista dedirectivas del niño desde el servidor. Por lo tanto actualicé elParentDirective código para hacer una llamada ajax y luego dibujar elChildDirectives
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);
});
}
}
}
});
El problema es que ladirectivas del niño no aparece más, aunque en el debeggur está ingresando al método de compilación delchildDirective