アクセス親コントローラn個のレベルが高い

Question

名前にアクセスするためのテンプレート。すべての良い。

私のテンプレートには、新しいスコープを作成するネストされたディレクティブがあり、下のどこかに私はng = controller = "SubControllerとしてSubCtrl"があります。 subcontroller.propertyを実行してサブコントローラのプロパティにアクセスできるようになりました。コントローラテンプレートが素晴らしいので、そのテンプレート内ではまだmain.nameにアクセスできます。

問題は、私の2番目のコントローラコードでは、親コントローラ内のものにアクセスする必要があります。これは、この時点でnレベル深いものです。私は

$scope.main = this; 

...私はメインコントローラでこのようにこれを行うことができます知っていた後、第2のコントローラ

var main = $scope.$parent.$parent.$parent.$parent.main; 

でこれを行うことが、我々はすべて我々がそれを行うべきではありません知っていると私は勝ちましたとにかく、開発者が新しいスコープを作成するディレクティブをどれだけ配置したのか分かりません。

これはサービスを作成する人がいると聞いていますが、一般的に行うのが難しいように思えますし、自分のフレームワークのユーザーがインクルードを入れるたびにサービスを作成する必要はありませんタブパネル、それは狂っているだろう。

私の現在のアイデアは、スコープを使用し、比較関数を使用して指定したスコープを見つけるまで親スコープをトラバースする関数を書くことです。私は良い方法かもしれないと思う。

Answer 1

なぜサービスを作成しないのですか？サービスは、1つ以上のコントローラ、ディレクティブ、ファクトリなどに必要なものにデータやアクセスを格納するのに最適な場所です。その基本的なシングルトンは、複数の場所に注入しますが、常に同じインスタンスが注入され、必要なときに初めて作成されます。それはあなたが念頭に置いているものよりも非常に使いやすく、脆弱ではありません($parent.$parent.n.....data)。あなたがユニットテストをしているのであれば、はるかにテスト可能です。

var module = angular.module('app'); 

module.service('commonService', function() { 
    this.sharedData = {name: ''}; 
}); 

// assume this gets loaded first 
module.controller('MyCtrl1', ['commonService', function (commonService) { 
    commonService.sharedData.name = 'David' 
}]); 

// and this is loaded somewhere after MyCtrl2 
module.controller('MyCtrl2', ['commonService', function (commonService) { 
    var name = commonService.sharedData.name; 
}]); 

私は構文を検証していないが、これは非常に単純な基本構造、です。