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

发布时间：2020-12-17 07:00:20 所属栏目：安全来源：网络整理

导读：在AngularJS中,我可以为页面上的一个部分定义一个控制器.我可以有一个带有多个控制器的页面. div ng-controller="ThisSectionController" .... /divdiv ng-controller="ThatSectionController" ..../div 我可以在使用ng-init发送不同配置时重用控制器 div ng

在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",{ $scope: scope,myService: myService})

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!