Anglular transcluden von Kind Richtlinie

Question

Ich habe eine Richtlinie, die ich verwenden, um eine Bootstrap-Platte zu machen, ich transcluden verwenden mir zu erlauben, benutzerdefinierte Inhalte zB

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

TN-Panel macht einen Header mit dem Titel zu machen und legt die Richtlinie tn-Sache hinein.

Ich möchte Inhalte im Körper und einige andere Inhalte in der Fußzeile darstellen können.

Die folgende zupfen zeigt diese

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

Aber, es machen nicht die Bits von Inhalt und Header

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

Answer 1

aktualisiert Ihre Richtlinie

.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>' 
    };