AngularJS應用程序/模塊是否包含其他應用程序/模塊的控制器？

Question

我可以創建一個模塊進行身份驗證，然後從另一個應用程序/模塊中的視圖綁定到其控制器？例如，創建一個通用的LoginController，然後在我的其他應用程序中使用此控制器的登錄頁面？如果是這樣，怎麼樣？我找不到任何示例，但文檔讓我覺得這是可能的。

Answer 1

是啊，只要你有一個腳本/模塊加載並設置爲用於ng-app的應用程序的依賴項或手動引導應用程序，那麼您可以使用這些模塊中定義的任何控制器/提供程序。

angular.module('A',['B']); 
 
angular.module('B', []).controller('MyController',function($scope){ $scope.doSomething = function(){alert('did something')}});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
 

 
<div ng-app="A"> 
 
    <div ng-controller="MyController"> 
 
    <button ng-click="doSomething()">Do Something</button> 
 
    </div> 
 
</div>

Answer 2

你可以有通過，你可以單獨拿出你的代碼多個模塊。

基本上你可以創建一個單獨的模塊，爲您的LoginController，像

angular.module('authentication',[]) .controller('LoginController', function($scope){ //code here });

則主要應用模塊，您應該添加此模塊

angular.module('app',['authentication']

然後你可以使用這個應用程序模塊爲ng-app或者您可以引導相同的模塊。