Anglular Transclude从子指令

Question

我有，我用它来渲染引导面板指示，我用transclude让我呈现的自定义内容如

<tn-Panel class="ng-cloak" title="'My Things'" > 
    <tn-Thing> 
    </tn-Thing> 
</tn-Panel> 

的TN面板呈现的标题头和将指令放置在内部。

我希望能够呈现正文中的内容和页脚中的其他内容。

下普拉克显示了这个

https://plnkr.co/edit/j8U8MZlVSQCFB7RkpwOY?p=preview

但是，它并没有呈现从内容和头位

<pane title="Nested"> 
    <panenested></panenested> <-- does not following the transclude 
    </pane> 

Answer 1

更新您的指令

.directive('pane', function(){ 
    return { 
    restrict: 'E', 
    transclude: { 
     'content': '?content', 
     'footer': '?footer', 
     'panenested':'?panenested', 
    }, 
    scope: { title:'@' }, 
    template: '<div style="border: 1px solid black;">' + 
       '<div style="background-color: gray">{{title}}</div>' + 
       'Content : <br> <ng-transclude ng-transclude="content"></ng-transclude> <br>' + 
       'Footer : <br> <ng-transclude ng-transclude="footer"></ng-transclude> <br>' 
       +'<br> <ng-transclude ng-transclude="panenested"></ng-transclude> <br>'+ 
       '</div>' 
    };