子状态在UI-Router的嵌套路由中加载父状态templateUrl

Question

我正在使用UI-Router模块进行路由。 我有2种状态，表示路由器应根据嵌套路由法则将网址与它们匹配：

// Dashboard
.state('dashboard', {
    url: "/dashboard",
    templateUrl: "dashboard/views/index.html",
    controller: "DashboardController",
    ...
})

// Users
.state('users', {
    url: "/users",
    templateUrl: "users/views/index.html",
    controller: "UsersController",
    ...
})

// Single User
.state('users.id', {
    url: "/{id:(?:[a-z0-9_-]{3,16})}",
    templateUrl: "users/views/show.html",
    controller: "UserController",
    ...
})

我也设置了默认路由：

$urlRouterProvider.otherwise("/dashboard");

问题：

当我转到http://127.0.0.1:8000/app/#/users/testuser123 ，它显示的是users状态下的index.html而不是users.id状态下的show.html 。 有什么问题 ？

Answer 1

您应该添加users您的网址定义为内users.id如果调用http://127.0.0.1:8000/app/#/users/testuser123

.state('users.id', {
    url: "/users/{id:(?:[a-z0-9_-]{3,16})}",
    templateUrl: "users/views/show.html",
    controller: "UserController",
    ...
})