AngularJS - 如何从 ui-router 引用子模块控制器？

Question

我在 Angular 1.3.9 应用程序中使用子模块时遇到了一些困难。我在http://plnkr.co/edit/XBfTPAGRRe0CWJgjGJzc?p=preview 有一个（不工作，抱歉）预览，我认为这有点吓人，部分原因是我使用的是 Restangular。

我有以下几点：

angular
    .module('estimate', ['ui.router', 'restangular', 'estimate.project'])
;

angular
.module('estimate.project', ['ui.router'])
.config(['$stateProvider', '$urlRouterProvider', '$locationProvider'
        , function($stateProvider, $urlRouterProvider, $locationProvider) {

    $stateProvider
       .state('project', {
            url: "/project/{id:int}",
            abstract: true,
            templateUrl: '/app/templates/project.html',
            controller: "ProjectController as project", 
            resolve: { // stuff }
        })
        .state('project.overview', {
            url: "",
            templateUrl: "/app/templates/overview.html"
        })
        // ...
    ;
}])
.controller('ProjectController', ['$scope', 'ProjectService', 'myProject'
          , function($scope, ProjectService, myProject) {

    console.log('i made it!');

}]);

在我的模板中，由estimate 模块提供，我有：

<li><a ui-sref="project.overview({ id: 1 })">One</a></li>

该 URL 在页面上正确解析，但单击它没有任何反应。它甚至不会抛出任何控制台错误——它就在那里。我的直觉告诉我，这与我引用控制器和/或路由的方式有关，以及是否需要对它们进行前缀或修改以与子模块一起使用。关于如何让它正确加载的任何想法？

如果这篇文章太杂乱无章，请告诉我，我会尽力清理它。

Answer 1

我updated your plunker here 会说，最重要的变化是 - 在主模块中引用子模块： p>

而不是这个：

angular
    .module('estimate', ['ui.router', 'restangular'])
    ...

angular
    .module('estimate.project', ['ui.router'])
    ...

我们必须使用这个，即在父模块中引用子模块

angular
    .module('estimate', ['ui.router', 'restangular', 'estimate.project'])
    ...

angular
    .module('estimate.project', ['ui.router'])
    ...

加上一些其他的小调整，这应该是方式。检查它是否工作here