transclude 함수에서 중계 슬롯에 어떻게 액세스합니까?

Question

앵귤러 1.5 도입 multi-slot transclusion.

transclude 개체 : the docs에 따르면 {slotA '? myCustomElement'는} 그렇지 않은 이

불행하게도 $의 transclude 기능을 통해 액세스 할 수있는 slotA 슬롯에 요소를 매핑 이것의 예를 든다.

$transclude(function(clone, scope) { 
    element.append(clone); 
    transcludedContent = clone; 
    transclusionScope = scope; 
}); 

누군가가 $의 transclude 기능을 사용하여 각 슬롯에 액세스하는 방법에 대한 도움이 되거 수 : 전혀 슬롯을 언급하지 않을 수 있습니다 유일한 예?

Answer 1

비슷한 문제가 있었지만 ng-transclude 소스 코드를 읽는 것이 도움이됩니다. $ transclude 함수의 세 번째 인수가 슬롯 이름 인 것으로 판명되었습니다.

https://github.com/angular/angular.js/blob/master/src/ng/directive/ngTransclude.js#L190

간단한 예 :

angular.module('app', []); 
 

 
angular 
 
    .module('app') 
 
    .directive('dir', function() { 
 
    return { 
 
     transclude: { 
 
     a: 'aT', 
 
     b: 'bT' 
 
     }, 
 
     link: function (scope, elem, attrs, ctrl, transclude) { 
 
     transclude(function (content) { 
 
      elem.append('<div>a</div>'); 
 
      elem.append(content); 
 
     }, null, 'a'); 
 
     
 
     transclude(function (content) { 
 
      elem.append('<div>b</div>'); 
 
      elem.append(content); 
 
     }, null, 'b'); 
 
     } 
 
    }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.js"></script> 
 

 
<div ng-app="app"> 
 
    <dir> 
 
    <a-t>content of a</a-t> 
 
    <b-t>content of b</b-t> 
 
    </dir> 
 
</div>