AngularJS – 在同一页面上重用不同服务的控制器

在AngularJS中,我可以为页面上的一个部分定义一个控制器.我可以有一个带有多个控制器的页面.

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

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

我可以在使用ng-init发送不同配置时重用控制器

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

这将按预期输出1和2.

我的问题是 – 如何重用控制器并将其配置为使用其他服务？

解决方法

创建一个注入$controller的指令,并在链接函数中使用它来在其instanciation参数的映射上实现所需的控制器：

$controller("MyController",{ $s@R_404_6433@e: s@R_404_6433@e,myService: myService})

s@R_404_6433@e是链接函数的范围变量,myService是可以使用$injector服务检索的服务.