anglejsに他のコントローラからの値を表示する方法は？

Question

私は認証とホームの2つのモジュールを持っています。彼らは同じ名前のコントローラを持っています。モジュール認証のコントローラから。どのように可能ですか？

Answer 1

多くの方法があります。私はapp.factory('dataFactory' , func(){..})とget/setのデータをそこに作り、あなたの値を任意のモジュールでアプリケーションから取り出すことを好むでしょう。

app.factory('testFactory', function(){ 
     var _name = ''; 
    return { 
     getName: function(text){ 
      return _name; 
     }, 
     setName: function(name){ 
      _name = name; 
     } 
    }    
}); 

の作業Fiddle

はそれがお役に立てば幸いです。

Answer 2

代わりに共有サービスを使用して値を返し、コントローラ内でそのサービスを依存性として注入することができます。

angular.module('yourApp') 
    .value("username", "Jon") 
    .controller("index", ["$scope", "username", function($scope, username) { 
     $scope.username = username; 
    }]); 

や工場のレシピを使用することにより：

angular.module('yourApp') 
    .factory("username", function(){ 
     var value = 'John'; 
     return { 
     get: function(){ 
      return value; 
     }, 
     set: function(newName){ 
      value = newName; 
     } 
     } 
    }) 
    .controller("index", ["$scope", "username", function($scope, username) { 
     $scope.username = username.get(); 
    }]); 

この値は、あなたは、あなたが見て手動で作成した時計を使用する必要はありません、オブジェクトとリターン参照として値を保存することができ、動的になる場合値が変更された場合：

angular.module('yourApp') 
    .factory("username", function(){ 
     var username = { 
      value: 'John' 
     }; 
     return { 
     get: function(){ 
      return username; 
     }, 
     set: function(newName){ 
      username.value = newName; 
     } 
     } 
    }) 
    .controller("index", ["$scope", "username", function($scope, username) { 
     $scope.usernameObj = username.get(); 
    }]); 

とビューで：

{{usernameObj.value}} 

を

親スコープに値を保存することで、$scopeのプロトタイプ継承を使用して、これを行うこともできます。