AngularJS - 动态创建指定指令的元素

Question

我有这样的设置:

• 控制器c广播事件e
• Directive 通过append d监听e和e写入DOM,并在此过程中创建指定指令的新元素d2.

IE: element.append('<directiveTwo ...>')

• twoAngular永远不会调用指令
• 当我检查DOM(和调试)时,我看到Controller c和指令d正在完成他们的工作,我有新的directiveTwo元素.

缺什么？2在动态创建这些元素之后需要做些什么才能触发指令调用？

Answer 1

见$compile.您可以使用此服务:

var newDirective = angular.element('<div d2></div>');
element.append(newDirective);
$compile(newDirective)($scope);

这将执行新元素的编译和链接,并设置d2为动作.

但是,如果您可以按照其他内置指令(ng-repeat或ng-include将为您执行编译和链接)的方式重写原始指令,您可能会发现它更简单,更有棱角.

如果你的指令足够简单,它可以在听到你的事件时按照添加到数组的方式做一些事情,并指定一个类似的模板

<div ng-repeat="evt in recordedEvents">
    <div d2="evt"></div>
</div>