angularJS：親スコープで子スコープ関数を呼び出す方法

親スコープから子スコープで定義されたメソッドを呼び出すにはどうすればよいですか？

function ParentCntl() {
    // I want to call the $scope.get here
}

function ChildCntl($scope) {
    $scope.get = function() {
        return "LOL";    
    }
}

http://jsfiddle.net/wUPdW/

$broadcast親から子まで使用できます。

function ParentCntl($scope) {

    $scope.msg = "";
    $scope.get = function(){
        $scope.$broadcast ('someEvent');
        return  $scope.msg;        
    }
}

function ChildCntl($scope) {               
    $scope.$on('someEvent', function(e) {  
        $scope.$parent.msg = $scope.get();            
    });

    $scope.get = function(){
        return "LOL";    
    }
}

作業フィドル：http : //jsfiddle.net/wUPdW/2/

更新：結合度が低く、テストしやすい別のバージョンがあります。

function ParentCntl($scope) {
    $scope.msg = "";
    $scope.get = function(){
        $scope.$broadcast ('someEvent');
        return  $scope.msg;        
    }

    $scope.$on('pingBack', function(e,data) {  
        $scope.msg = data;        
    });
}

function ChildCntl($scope) {               
    $scope.$on('someEvent', function(e) {  
        $scope.$emit("pingBack", $scope.get());        
    });

    $scope.get = function(){
        return "LOL";    
    }
}

フィドル：http : //jsfiddle.net/uypo360u/

別の解決策を提案させてください：

var app = angular.module("myNoteApp", []);


app.controller("ParentCntl", function($scope) {
    $scope.obj = {};
});

app.controller("ChildCntl", function($scope) {
    $scope.obj.get = function() {
            return "LOL";    
    };
});

より少ないコードとプロトタイプ継承の使用。

プランク

子供の初期化時に、子供の機能を親に登録します。テンプレートを明確にするために、「as」表記を使用しました。

テンプレート

<div ng-controller="ParentCntl as p">
  <div ng-controller="ChildCntl as c" ng-init="p.init(c.get)"></div>
</div>

コントローラー

...
function ParentCntl() {
  var p = this;
  p.init = function(fnToRegister) {
    p.childGet = fnToRegister;
  };
 // call p.childGet when you want
}

function ChildCntl() {
  var c = this;
  c.get = function() {
    return "LOL";    
  };
}

「しかし」、あなたは言う、「ng-init この方法で使用することは想定されていません！」。ええ、そうですが

1. そのドキュメントはなぜそうでないのかを説明していない、そして
2. ドキュメント作成者が考えられるすべてのユースケースを検討したとは思いません。

これは良い使い方だと思います。私に反対票を投じる場合は、理由をコメントしてください！:)

コンポーネントをよりモジュール化するため、このアプローチが気に入っています。唯一のバインディングはテンプレートにあり、それは

• 子コントローラーは、その機能を追加するオブジェクトについて何も知る必要はありません（@canttouchitの回答のように）
• 親コントロールは、get関数を持つ他の子コントロールと一緒に使用できます
• ブロードキャストは必要ありません。イベントの名前空間を厳密に制御しない限り、大きなアプリでは非常に醜くなります。

このアプローチは、ディレクティブでモジュール化するというTeroのアイデアにさらに近づきます（彼のモジュール化された例でcontestantsは、親から「子」ディレクティブにテンプレートが渡されることに注意してください）。

実際、別の解決策はChildCntl、をディレクティブとして実装することを検討し、&バインディングを使用してinitメソッドを登録することです。

子オブジェクトを作ることができます。

var app = angular.module("myApp", []);


app.controller("ParentCntl", function($scope) {
    $scope.child= {};
    $scope.get = function(){
      return $scope.child.get(); // you can call it. it will return 'LOL'
    }
   // or  you can call it directly like $scope.child.get() once it loaded.
});

app.controller("ChildCntl", function($scope) {
    $scope.obj.get = function() {
            return "LOL";    
    };
});

ここで子供はgetメソッドの宛先を証明しています。