angularjs - URL中带有index.html的angular-ui-router空白页面

Question

我使用 angular 1.1.5 和 ui-router。我的基于 Spring 的 webapp 可以在http://mydomain:8080/webapp/app/index.html

加载完所有资源文件，当angular bootstrap主模块时，URL变为，http://mydomain:8080/webapp/app/index.html#/index.html页面为空白。

ui-router 配置为

myapp
        .config(function($stateProvider) {
            $stateProvider
                    .state('layout', {
                        abstract : true,
                        views : {
                            "headerView" : {
                                templateUrl : 'partials/header.html',
                                controller : 'LoginController'
                            },
                            "navigationView" : {
                                templateUrl : 'partials/navigation.html',
                                controller : 'NavigationController'
                            }
                        }
                    })
                    .state(
                            'layout.home',
                            {
                                url : "", // root route
                                views : {
                                    "contentView@" : {
                                        templateUrl : 'partials/content.html',
                                        controller : function() {
                                            console.log("Root URL");
                                        }
                                    }
                                }
                            });

我试图创建一个 plunker 来显示这个问题，但我没有成功。

Answer 1

添加url:'/'到基本抽象视图。

.state('layout', {
    abstract : true,
    url:'/',
    views : {
        "headerView" : {
            templateUrl : 'partials/header.html',
            controller : 'LoginController'
        },
        "navigationView" : {
            templateUrl : 'partials/navigation.html',
            controller : 'NavigationController'
        }
    }
})