AngularJS控制器：将公共代码移动到单独的文件

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

导读：我有一些带有一些通用代码的控制器,特别是$scope.$watch对于几个控制器是相同的.如何将此代码放在单独的文件中并导入需要此$watch的各种控制器中的公共代码？您可以通过传入控制器的范围来使用服务： angular.module('app').service("CommonFunctions",['So

我有一些带有一些通用代码的控制器,特别是$scope.$watch对于几个控制器是相同的.如何将此代码放在单独的文件中并导入需要此$watch的各种控制器中的公共代码？

您可以通过传入控制器的范围来使用服务：

angular.module('app').service("CommonFunctions",['SomeService',function(SomeService) {
    var commonFunctions = {};
    commonFunctions.init = function(scope){
        scope.$watch(function(){},function(){})
    };
    return commonFunctions;
}]);

angular.module('app').controller('Ctrl1',['$scope','CommonFunctions',function($scope,CommonFunctions) {
    CommonFunctions.init($scope);
}]);

angular.module('app').controller('Ctrl2',CommonFunctions) {
    CommonFunctions.init($scope);
}]);

这样您就可以使用单个控制器的作用域,但在服务中使用通用方法.如果您希望实际添加到控制器范围的服务的常用功能,您还可以在控制器中使用angular.extend($scope,AService).

这是一个有效的小提琴：http://jsfiddle.net/rhcjdb7L/

当然这很酷,但是你确定你不想使用$rootscope.$broadcast()？写得很好：http://toddmotto.com/all-about-angulars-emit-broadcast-on-publish-subscribing/

（编辑：李大同）

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