javascript - 创建通用 Controller 函数

Question

我如何创建某种可以从我的所有 Controller 访问的实用程序包？

我的主模块中有这个路由代码:

'use strict';

angular.module('lpConnect', []).
    config(['$routeProvider', function($routeProvider) {
    $routeProvider.
        when('/home', {template: 'views/home.html', controller: HomeCtrl}).
        when('/admin', {template: 'views/admin.html', controller: AdminCtrl}).
        when('/connect', {template: 'views/fb_connect.html', controller: MainAppCtrl}).
        otherwise({redirectTo: '/connect'});
}]);

我想要一个可以对 HomeCtrl、AdminCtrl 和 MainAppCtrl 通用的函数。

在 AngularJS 中我应该怎么做？

Answer 1

在angular中定义公共(public)代码的方式是通过Services。

您可以像这样定义一个新服务:

.factory('CommonCode', function ($window) {
        var root = {};
        root.show = function(msg){
            $window.alert(msg);
        };
        return root;
    });

在你的 Controller 中你会注入(inject)这个服务..就像这样

function MainAppCtrl($scope,CommonCode)
{
     $scope.alerter = CommonCode;
     $scope.alerter.show("Hello World");
}

只需将 CommonCode 作为 Controller 函数的参数包含在内。Angular 会负责为您注入(inject)它(阅读依赖注入(inject) .. 以了解这里发生的事情。)