当 URL "home/"而不是"home"时，无法解析 Angular ui.router 中的状态

Question

下面是我的ui代码。路由器状态:

$urlRouterProvider.otherwise("/");
$stateProvider.state('account', {
      templateUrl: "/assets/views/app.html",
      abstract: true
      })
.state('account.home', {
    templateUrl: "/assets/views/index.html",
    url: '/home'
      })

当用户试图访问mydomain.com/时，状态解析为account。但是当用户试图去mydomain.com/home/状态解析为无效状态，因此用户被重定向到mydomain.com/而不是帐户。家乡。

预期结果:

URL: mydomain.com解析帐户状态

URL: mydomain.com/解析帐户状态

URL: mydomain.com/home解析到帐户。家乡

URL: mydomain.com/home/解析到帐户。家乡

Answer 1

你可以在抽象状态url中定义ui-view，然后你可以使用该视图的嵌套状态。请看下面的内容。

$stateProvider
    .state('account', {
        abstract: true,
        url: "",
        template: '<div ui-view="access">',
    })
.state('account.home', {
    url: '/home',
    views: {
        'access': {  
            templateUrl: '/assets/views/index.html'
        }
     }
}

你也可以定义这个

<div ui-view="access">

app.html中的

也是如此。