AngularJS 嵌套指令

Question

我想在 Angular 中创建一个嵌套指令结构，例如

<aa>
    <bb>
        <cc></cc>
    </bb>
    <bb>
        <cc></cc>
    </bb>
</aa>

每个指令都会打印其内容，因此aa标签将打印“A”，bb标签将打印“B”和cc标签将打印“C”。 问题是外部指令覆盖内部指令，因此仅处理第一个指令。

这是一个Fiddle 。我缺少什么？

Answer 1

您缺少模板中的ng-transclude

参见http://jsfiddle.net/x3420fg1/1/