子ディレクティブのコントローラ（リンク関数ではない）の角度取得親ディレクティブのコントローラ

Question

子ディレクティブのlink関数で親のdirectiveコントローラをどのように取得できるか分かっています。
しかし、私はlink関数（と一緒に$scope）を使用することを避け、すべてのコードを指示のcontrollerの下に置いてください。

angular.directive('parent', function(){ 
    return { 
     templateUrl: '/parent.html', 
     scope: true, 
     bindToController: true, 
     controllerAs: 'parentCtrl', 
     controller: function(){ 
      this.coolFunction = function(){ 
       console.log('cool'); 
      } 
     } 
    } 
}); 

angular.directive('child', function(){ 
    return { 
     templateUrl: '/child.html', 
     require: '^parent', 
     scope: true, 
     bindToController: true, 
     controllerAs: 'childCtrl', 
     controller: function() { 
      // I want to run coolFunction here. 
      // How do I do it? 
     } 
    } 
}); 

ご協力いただきましてありがとうございます。

Answer 1

あなたは、コントローラに「$の要素」を注入し、同様に親コントローラにアクセスすることができました - それは、特定の名前が必要ですので、これは「任意の」親コントローラにアクセスするための最も透明な方法ではないかもしれない

controller: ($element) -> 
    var parentCtrl = $element.parent().controller('parent'); 
    parentCtrl.coolFunction(); 
    //.......... 
    //.......... 

この指令はjqliteであり、純粋なAngularではありません。角度は、コントローラを取得するために「.parent」を必要としないことを考え出すため@Dmitryにありがとう：How to access parent directive's controller by requiring it recursively?

EDIT -

が便利なこのスレッドを発見しました。更新されたコード -

controller: ($element) -> 
    var parentCtrl = $element.controller('parent'); 
    parentCtrl.coolFunction(); 
    //.......... 

Answer 2

そのための適切なパターンが

app.directive('child', function(){ 
    return { 
     templateUrl: '/child.html', 
     require: ['child', '^parent'], 
     scope: true, 
     bindToController: true, 
     controllerAs: 'childCtrl', 
     controller: function() { 
      this.coolFunction = function() { 
       this._parent.coolFunction(); 
      } 
     }, 
     link: function (scope, element, attrs, ctrls) { 
      var childCtrl = ctrls[0]; 
      var parentCtrl = ctrls[1]; 
      childCtrl._parent = parentCtrl; 
     } 
    } 
}); 

だろう悪い事は_parentがcontrollerAsでスコープにさらされていることですが、それはほとんど問題になりません。

linkを一緒に接着するまで、子コントローラの親コントローラにアクセスすることはできません。子メソッドで親コントローラを使用している限り、これはうまくいきます。

コントローラでは、モデルを表示するためのメソッドと初期プロパティが用意されています（コントローラーではよりクリーンです）。

$scopeとlinkの両方は、Angular 1.xでの目的があり、最新のコミュニティ開発でも不可欠です。正当な理由がない場合にそれらをバニシングすることは、過度のものであり、悪い設計ソリューションにつながる可能性があります。コード内に「リンク」と「範囲」の単語がないと、アプリを2.xに移植しやすくなります。角2を学び、1.xのための適切な習慣を開発することはできますが。

Answer 3

See hereまたはhere

1. var parentForm = $element.inheritedData('$formController') || ....
2. var parentForm = $element.controller('form')