transclude関数からtransclusionスロットにアクセスするにはどうすればよいですか？

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関数の第3引数があります。これはスロット名です。

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>