angularjs - 使用 angular-ui-router 时处理具有相同名称的多个 Controller

Question

我正在使用 Angular-UI-Router 构建一个应用程序。我有一个依赖子模块的顶级 Angular 模块，这些子模块具有同名的 Controller ，如下所示:

var moduleA = angular.module('moduleA', []);
moduleA.controller('SameNameCtrl', function () {
  // ModuleA SameNameCtrl implementation
});

var moduleB = angular.module('moduleB', []);
moduleB.controller('SameNameCtrl', function () {
  // ModuleB SameNameCtrl implementation
});

var app = angular.module('app', ['ui.route', 'moduleA', 'moduleB']);

使用 Angular-UI-Router 构建状态时，如何在不同模块中指定 Controller ？

$stateProvider
  .state('app.stateA', {
    url: '/stateA',
    templateUrl: 'template-A.html',
    controller: ????  // how to specify moduleA SameNameCtrl
  })
  .state('app.stateB', {
    url: '/stateB',
    templateUrl: 'template-B.html',
    controller: ????  // how to specify moduleB SameNameCtrl
  })

当然，我可以为不同模块中的 Controller 分配不同的 Controller 名称，但我想知道是否可以使用具有相同名称的 Controller 。

谢谢!

Answer 1

不幸的是，模块不是 angularjs 中的命名空间机制。您应该提出/遵循命名约定来区分 Controller