Javascript Can'；t使用Angular UI路由器在状态下显示内容页_Javascript_Angularjs_Angular Ui Router

Javascript Can'；t使用Angular UI路由器在状态下显示内容页

javascript angularjs

Javascript Can'；t使用Angular UI路由器在状态下显示内容页,javascript,angularjs,angular-ui-router,Javascript,Angularjs,Angular Ui Router,我是AngularJS的初学者，在使用AngularUI路由器时遇到问题 index.html <body ng-app="app" ng-controller="AppController" layout="column"> <ui-view></ui-view> </body> <h1>Login page content</h1> 它无法显示login.html页面的内容。但当我将状态从app.lo

我是AngularJS的初学者，在使用AngularUI路由器时遇到问题

index.html

<body ng-app="app" ng-controller="AppController" layout="column">
        <ui-view></ui-view>
</body>

<h1>Login page content</h1>

它无法显示login.html页面的内容。但当我将状态从app.login更改为login时。它可以被显示。我现在该怎么办？

出于好奇，你能试试：

$urlRouterProvider.otherwise('/app/login');

我在一些示例中看到了以这种格式路由的抽象嵌套类，虽然我没有时间在JSFIDLE中测试它

编辑：

如果您尝试将基本url设置为“/”

$urlRouterProvider.otherwise('/app/login');

.config(function($stateProvider, $urlRouterProvider,$locationProvider) {
    $stateProvider
    .state('app', {
        url: "/",
        abstract: true,
        templateUrl: "views/app.html",
        controller: "AppController"
    }).state('app.login', {
        url: "/login",
        templateUrl: "views/login.html",
        controller: "LoginController"
    });

    $urlRouterProvider.otherwise('/login');
})