AngularJS 1.5の内部コンポーネント間で関数を渡す最善の方法は何ですか？

Question

2つ以上のレベルのコンポーネントで関数を渡す最善の方法は何ですか？ '&'バインディングを使用するときに関数ラップをスキップする簡単な方法はありませんか？

angular.module('app', []).component('app', { 
    controller: class AppController { 
    doSomething (data) {} 
    }, 
    template: ` 
    <sub-component on-do-something="$ctrl.doSomething(data)"> 
    </sub-component> 
    ` 
}) 

PS：ここ

は、ユースケースだ私はngReduxを使用していますので、このようなシナリオは非常に一般的です

EDIT：

問題がある：仕事に上記のコードのためにそれぞれの内部コンポーネントコントローラは次のようになります。

.component('subComponent', { 
    bindings: { 
     doSomething: '&' 
    }, 
    controller: function SubComponentController() { 
     this._doSomething = param => this.doSomething({data: param}); 
    }, 
    template: ` 
     <inner-component do-something="$ctrl._doSomething(data)"> 
     </inner-component> 
    ` 
}); 

.component('innerComponent', { 
    bindings: { 
     doSomething: '&' 
    }, 
    controller: function InnerComponentController() { 
     this._doSomething = param => this.doSomething({data: param}); 
    }, 
    template: ` 
     <sub-inner-component do-something="$ctrl._doSomething(data)"> 
     </sub-inner-component> 
    ` 
}); 

次に、dを渡す必要があります直接doSomethingの代わりにを所有しています。

PS：私は、あなたのサブコンポーネントのコントローラでラッパー関数を提供する必要はありません、ここで

Answer 1

トランスクルーを使用していませんよ。 bindingsを使用すると、機能が自動的にコントローラに接続され、テンプレートから直接呼び出すことができます。

この関数はオブジェクトを取ります。これには、外側のテンプレートの式で使用できるローカルが含まれています。

この場合、doSomething(locals)メソッドを呼び出すときは、外部テンプレートの変数dataを明示的に指定する必要があります。 http://plnkr.co/edit/QQF9jDGf6yiewCRs1EDu?p=preview