angularjs - 嵌套指令元素无法编译

Question

我正在寻找有关嵌套 AngularJS 指令的帮助：

例如，我定义了一组自定义指令元素，包括容器和项目。我这样安排它们：

<container>
  <item />
  <item />
  <item />
</container>

然后定义每一个。您可以从附加的 jsFiddle 中看到，没有为嵌套项调用编译函数，但是当项元素被移出容器时，它们是（表明编译函数本身没有问题。

为什么嵌套指令不触发编译事件？

这大致基于 Angular 主页上的这个示例：

我无法弄清楚为什么他们的孩子正确解析而我的孩子却没有。

score 1 · Accepted Answer

当您使用嵌入时，您必须将ng-transclude指令添加到您的模板元素之一。如果您将group指令的模板更改为：

template: '<div ng-transclude></div>',

一切都会奏效。

PS：您的指令声明语法对于您正在做的事情过于冗长，但在技术上是正确的。

1 回答 1