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或者您可以引导相同的模块。