angularjs - Angular UI-Router templateUrl 问题

Question

我仍在学习 AngularJS 的 UI-Router，希望得到一些帮助。我正在利用嵌套 View 功能，但遇到了一些问题。我的顶级父状态有效，但是一旦我开始创建子项，模板 URL 就开始起作用。就好像 templateUrl 对于其顶级父级来说不是动态的。我是否错误地命名了模板/ View 文件？我尽力遵循存储库上提供的示例联系人应用程序。

projectsApp.js

var app = angular.module('scynergyApp.projects', ['ui.router']);

app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouteProvider){

$stateProvider

    //////////////
    // Projects //
    //////////////
    .state('projects',{
        url: '/projects',
        templateUrl: 'app/projects/projects.html'  // THIS TEMPLATE URL WORKS
    })

        /////////////////////////
        // Projects > Details /// 
        /////////////////////////
        .state('projects.details', {
          url: '/details',
          templateUrl: 'app/projects/projects.details.html'  // THIS TEMPLATE URL DOESNT WORK -> only if its '../app/projects/projects.details.html'
        })

            ///////////////////////////////////
            // Projects > Details > Overview //
            /////////////////////////////////// 
            .state('projects.details.overview', {
              url: '/overview',
              templateUrl: 'app/projects/projects.details.overview.html'  // THIS TEMPLATE URL DOESNT WORK -> only if its '../app/projects/projects.details.html'
            });
}]);

文件树

public
        app
            projects
                ProjectsController.js
                projectsApp.js  //dependency of app.js
                projects.html
                projects.details.html
                projects.details.overview.html
            app.js

对此的任何指示将不胜感激。谢谢

Answer 1

您应该更好地使用从项目根目录映射的绝对路径，例如/app/projects/blabla