如何將動態數據從一個模塊控制器傳遞到另一個模塊控制器

Question

我是AngularJS的新手，我想將動態值（用戶名）從一個模塊中的一個控制器傳遞到另一個模塊中的另一個控制器。路由和其他工作正常。 這是我的代碼

loginModule.js

(function() { 

     var app = angular.module("waleteros", ["ngRoute","ui.bootstrap","ngCookies"]); 

     app.config(function($routeProvider) { 
      $routeProvider 
      .when("/",{ 
       templateUrl:"views/login.html", 
       controller:"LoginCtrl" 
      }) 
     } 
    }) 

app.js

(function() { 

     var app = angular.module("waleterosAdmin", ["ngRoute","ngGrid","ui.bootstrap","ngCookies"]); 

     app.config(function($routeProvider) { 
     $routeProvider 
      .when("/home",{ 
       templateUrl:"homepage.html", 
       controller:"HomeCtrl" 
      }) 
     } 
    }) 

loginCtrl.js

(function(){ 

     var app = angular.module("waleteros"); 

     var LoginCtrl= function($scope,$location) 
     { 
      $scope.signIn=function(email,pin) 
      { 
       //Some authentication code... 
       //Here i want to pass the username to homectrl.js 
       window.location.href="views/home.html" 
      } 
     } 
     app.controller("LoginCtrl", LoginCtrl); 
    }) 

HomeCtrl.js

(function(){ 

     var app = angular.module("waleterosAdmin"); 

     var HomeCtrl=function($scope) 
     { 
      //Here i want to get the username 
     } 

     app.controller("HomeCtrl", HomeCtrl); 
    }) 

Answer 1

可以模塊之間共享服務，從而通過模塊之間的值， 請看看這裏Share a single service between multiple angular.js apps，這裏sharing between modules with AngularJS?

Answer 2

你可以使用一個服務堅持的數據，然後注入服務到您的控制器：

app.service("SharedProperties", function() { 
    var _userName = null; 

    return { 
     getUser: function() { 
      return _userName 
     }, 

     setUser: function(user) { 
      _userName = user; 
     } 
    } 
}); 

現在注入SharedProperties和使用的getter/setter

var LoginCtrl= function($scope,$location, SharedProperties) 
    { 
     $scope.signIn=function(email,pin) 
     { 
      //Some authentication code... 

      SharedProperties.setUser(user); 
      //Here i want to pass the username to homectrl.js 
      window.location.href="views/home.html" 
     } 
    } 

var app = angular.module("waleterosAdmin"); 

    var HomeCtrl=function($scope, SharedProperties) 
    { 
     //Here i want to get the username 
     var user = SharedProperties.getUser(); 
    } 

Answer 3

一個字關於服務的警告是它們在應用程序的整個生命週期中都持續存在，即它們只被實例化一次。我遇到了各種情況，尤其是一旦實現了路由，我想從服務中清除數據以節省空間並將其替換爲新數據（您不希望每次查看時都繼續添加此服務不同的看法）。要做到這一點，你可以寫一個你調用的「擦除」方法來清理路由變化的服務，或者將數據粘貼到指令中（在其控制器上），將控制器放入他們自己的指令中，並且要求這些指令第一個指令，這樣數據就可以從控制器訪問，並且一旦聲明瞭DOM元素就會被銷燬（例如在視圖更改上），這些數據就會被擦除。