嵌套指令元素无法编译

Question

我正在寻找嵌套AngularJS指令的一些帮助：

http://jsfiddle.net/vankirkc/ezN3M/28/

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

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

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

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

这是基于Angular主页的这个例子：

http://jsfiddle.net/vankirkc/HpHeW/

我无法解释为什么他们的孩子正确解析而我的孩子没有。

Answer 1

使用翻译时，必须将ng-transclude指令添加到其中一个模板元素中。如果您将group指令的模板更改为：

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

一切都会奏效。

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