javascript - Angular : calling transclude directive function from within the transcluded component

Question

我想创建一个具有嵌入部分的组件，这是一个示例:
http://jsfiddle.net/vp2dnj65/1/

正如您所见，单击“执行”按钮时没有任何反应。
有没有办法从放置在嵌入部分内的组件运行嵌入 Controller 功能。

这是 HTML:

<panel> // trans is the name of the controller of panel
   <button ng-click="trans.do()">do</button> //transcluded part
</panel>

Answer 1

如果您手动嵌入元素并向其附加范围函数，则可以实现这一点:

compile: function(tElement, tAttrs) {
  var parentElement = tElement.parent();
  return function(scope, element, attrs, ctrl, transclude) {
    transclude(scope.$new(), function(clone) {
      clone.bind('click', function() {
        scope.trans.do();
      })
      parentElement.append(clone);
    });
  };
}

如tutorial所示。另请参阅此 fiddle .