AngularJS - 在同一页面上重用具有不同服务的 Controller

Question

在 AngularJS 中，我可以为页面上的某个部分定义一个 Controller 。我可以有一个带有多个 Controller 的页面。

<div ng-controller="ThisSectionController">
    .... 

</div>
<div ng-controller="ThatSectionController">
    ....
</div>

我可以在使用 ng-init 发送不同的配置时重用 Controller

<div ng-controller="MyController" ng-init="i = 1">  
    {{ i }}
</div>
<div ng-controller="MyController" ng-init="i =2" >
    {{ i }}
</div>

这将按照您的预期输出 1 和 2。

我的问题是 - 如何重用 Controller 并将其配置为使用不同的服务？

Answer 1

创建一个注入(inject) $controller 的指令，并在链接函数中使用它来在其实例化参数的映射上实例化您想要的 Controller :

$controller("MyController", { $scope: scope, myService: myService})

scope 是链接函数的范围变量，myService 是您可以使用 $injector 服务检索的服务。