### 18.6. transclude的細節 `transclude` 有兩方面的東西，一個是使用 `$compile` 時傳入的函數，另一個是定義指令的 `compile` 函數時接受的一個參數。雖然這里的一出一進本來是相互對應的，但是實際使用中，因為大部分時候不會手動調用 `$compile` ，所以，在“默認”情況下，指令接受的 `transclude` 又會是一個比較特殊的函數。 看一個基本的例子： var app = angular.module('Demo', [], angular.noop); app.directive('more', function(){ var func = function(element, attrs, transclude){ var sum = transclude(1, 2); console.log(sum); console.log(element); } return {compile: func, restrict: 'E'}; }); app.controller('TestCtrl', function($scope, $compile, $element){ var s = '<more>123</more>'; var link = $compile(s, function(a, b){return a + b}); var node = link($scope); $element.append(node); }); angular.bootstrap(document, ['Demo']); 我們定義了一個 `more` 指令，它的 `compile` 函數的第三個參數，就是我們手工 `$compile` 時傳入的。 如果不是手工 `$compile` ，而是 ng 初始化時找出的指令，則 `transclude` 是一個 `link` 函數（指令定義需要設置 `transclude` 選項）： <div more>123</div> app.directive('more', function($rootScope, $document){ var func = function(element, attrs, link){ var node = link($rootScope); node.removeAttr('more'); //不去掉就變死循環了 $('body', $document).append(node); } return {compile: func, transclude: 'element', // element是節點沒,其它值是節點的內容沒 restrict: 'A'}; });