Я создал приведенные ниже директивы angular ChildDirective, которые используются внутри ParentDirective
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);
}
}
Это работало нормально, и появилось несколько дочерних директив.
Я хотел обновить ParentDirective, чтобы получить список childDirectives с сервера. Поэтому я обновил код ParentDirective, чтобы выполнить вызов ajax, а затем нарисуйте ChildDirectives
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);
});
}
}
}
});
Проблема заключается в том, что childDirectives больше не появляется, хотя в debeggur он вводит метод компиляции childDirective