在UI-Router的嵌套路由中,子状态加载父状态templateUrl
Child state loads parent state templateUrl in nested routes of UI-Router
我使用UI-Router
模块进行路由。我有两个状态,路由器应该根据嵌套路由规则匹配url:
// 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
。
如果调用http://127.0.0.1:8000/app/#/users/testuser123
,则应在users.id
的url定义中添加users
.state('users.id', {
url: "/users/{id:(?:[a-z0-9_-]{3,16})}",
templateUrl: "users/views/show.html",
controller: "UserController",
...
})
相关文章:
- Nodejs服务器:加载资源失败:服务器的响应状态为404(未找到)
- 如何在浏览器重新加载时保存位置哈希状态
- 如何加载嵌套3个状态的UI路由器UI视图模板
- ui路由器的惰性加载状态
- angularjs-ui路由器父状态,参数加载在子状态之后
- 带Jquery的wep API,加载资源失败:服务器响应状态为404(未找到)
- 当移动设备从睡眠状态唤醒时重新加载网页
- 如何在每次页面重新加载时更改渐变背景,同时保持光标位置元素处于活动状态
- 在加载状态之前,我需要在angular js中为每个状态添加角色
- 带有jquery.min.map的Ruby on Rails:未能加载资源状态406
- 在angular js中,每次应用程序进入状态时,重新加载状态的最佳方式是什么
- jQuery识别页面加载上的单选按钮的不正确状态,当单选值=“0”时;否”;并且两个无线电都没有被选择
- AngularJS-在子状态中加载命名视图(非抽象)
- 表现出承诺'加载状态
- 在表重新加载后,使用setInterval保持表的显示-隐藏状态
- 维护手动页面刷新时通过AJAX加载的状态/内容
- css类在页面重新加载后处于活动状态
- 在UI-Router的嵌套路由中,子状态加载父状态templateUrl
- 如何查找系统's音频驱动状态加载html5页面
- 如何重置 JavaScript 以状态加载