angular-ui-router空白页，其中包含index.html

Question

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

访问基于Spring的Web应用程序

加载所有资源文件，当角度引导主模块时，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'
        }
    }
})