Angularjs 如何使自定义指令中的标记转到模板的特定位置？

我有一个名为cngView的指令

controller.js 
//directive to include view panel
angular.module('cngFoundation', [])
                                    .directive('cngView', function() {
                                         return {
                                                  restrict : 'CAME',
                                                  templateUrl: 'templates/view.html'
                                                };

                                     });

访问指令

<div ng-app="cngFoundation">
    <div id="mainbody" class="container">
        <cng-view>  

                 [AAA] 

        </cng-view>
    </div>
</div>

transclude: true,

[AAA]

模板/view.html如下所示

<!-- View Panel-->
<div class="panel panel-primary " id="view" >
    <div class="panel-heading">
        <h3 class="panel-title" ><b>View</b></h3>
    </div>
    <div class="panel-body">

        [BBB]

    </div>
</div>

看法
[BBB]

我已经使cng视图标签工作，但我不知道如何给出标签内的内容。 如何使我在“[AAA]”处提供的内容出现在“[BBB]”处。 简而言之，如何使我在cng视图标记（自定义标记）中提供的内容进入cng视图模板内容中的特定位置

请给予指导。至少请告诉我一些在线教程。

---

谢谢

您需要使用

ng transclude

，它告诉模板在哪里放置现有内容

 <div class="panel-body" ng-transclude></div>

还需要在指令中设置

transclude:true

<div ng-app="cngFoundation">
    <div id="mainbody" class="container">
        <cng-view>  

                 [AAA] 

        </cng-view>
    </div>
</div>

transclude: true,

---

请参阅指令文档中的章节，您可以使用内置的

ng transclude

指令。在your view.html中将

[BBB]

替换为

<span ng-transclude></span>

有关工作示例，请参见