未呈现嵌套视图
问题描述：
非常基本的示例，但不起作用。我做错了什么？未呈现嵌套视图
<body ng-app="App"></body>
<div ui-view="navbar"></div>
<div ui-view="sidebar"></div>
<div ui-view="content"></div>
<script>
var App = angular.module('App', ['ui.router']);
App.config(function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/users');
$stateProvider
.state('users', {
url: '/users',
views: {
'navbar': {template: '<p>Navigation</p>'},
'sidebar': {template: '<a href="#users/123">Link</a>'}
}
})
.state('users.item', {
url: '/:id',
views: {
'content': {template: 'User info'}
}
});
});
</script>
当点击链接 - 应用程序成为“users.item”状态，但views.content将不会呈现
答
您需要窝在模板中的内容视图：
'sidebar': { template: '<a href="#users/123">Link</a><div ui-view="content"></div>' }
而不是在体内。
+0
Thanx you !!!一切正常！ – iBoozyVoozy
你可以添加一个小提琴来显示它不工作？ – Anton
来自ui路由器文档http://plnkr.co/edit/SDOcGS?p=preview – Anton