使用 angular-ui-router 时处理具有相同名称的多个控制器

Question

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

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构造状态时如何在不同模块中指定控制器？

$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
  })

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

谢谢！

Answer 1

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