在angularjs中調用另一個控制器下的一個控制器

Question

我想在LoginController下調用Homecontroller。下面是兩個控制器的代碼：

//Login controller 
    app.controller('LoginController', function ($scope, $cookieStore) { 
     $cookieStore.put('email','test@gmail.com'); 
     // need to call Homecontroller here 
    }); 

// Home controller 
app.controller('HomeController', function ($scope, $cookieStore, $location) { 


     if ($cookieStore.get('email') != null) { 
      $scope.wecomeMessage = $cookieStore.get('email'); 
     } 
     else 
     { 
      $scope.wecomeMessage = ""; 
     } 
    }); 

Answer 1

我想你錯誤地理解了角度控制器的責任。

如何使用控制器從角文檔：

使用控制器：

• 搭建$範圍對象的初始狀態。

• 將行爲添加到$ scope對象。

不要使用控制器：

• 操作DOM - 控制器應該只包含業務邏輯。
• 將任何表示邏輯放入控制器中，會顯着影響其可測試性 。
• Angular對大多數情況都有數據綁定，指令 用於封裝手動DOM操作。
• 格式輸入 - 改用角度 表單控件。
• 過濾器輸出 - 改用角度過濾器。
• 跨控制器共享代碼或狀態 - 改用角度服務。
• 管理其他組件的生命週期（例如，創建 服務實例）。

所以，如果你想創建可重用的代碼塊一些，你只需要創建一個角度的服務，其中包括與所需的邏輯功能。然後你可以將它注入兩個控制器，它們將具有必要的功能。

例子：

app.controller('LoginController', function ($scope, $cookieStore, helperService) { 
    $cookieStore.put('email', 'test@gmail.com'); 

    $scope.wecomeMessage = helperService.getMessage(); 

}); 

// Home controller 
app.controller('HomeController', function ($scope, $cookieStore, $location, helperService) { 

    $scope.wecomeMessage = helperService.getMessage(); 
}); 


app.service('helperService', function ($cookieStore) { 

    this.getMessage = function() { 
     return $cookieStore.get('email') != null ? $cookieStore.get('email') : ""; 
    }; 

});