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

我在這里更新了你的 plunker並說，最重要的變化是 - 在主模塊中引用子模塊：

取而代之的是：

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'])
    ...

通過其他一些小的調整，應該就是這樣。 檢查它在這里工作