AngularJS嵌套指令

Question

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

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

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

这里是Fiddle。我错过了什么？

Answer 1

您错过了模板中的ng-transclude

请参阅http://jsfiddle.net/x3420fg1/1/