未呈现嵌套视图

非常基本的示例，但不起作用。我做错了什么？未呈现嵌套视图

<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将不会呈现

来源

2013-10-07 iBoozyVoozy

你可以添加一个小提琴来显示它不工作？ – Anton

来自ui路由器文档http://plnkr.co/edit/SDOcGS?p=preview – Anton

您需要窝在模板中的内容视图：

'sidebar': { template: '<a href="#users/123">Link</a><div ui-view="content"></div>' }

而不是在体内。

来源

2013-10-08 01:56:06 peterorum

Thanx you !!!一切正常！ – iBoozyVoozy

未呈现嵌套视图

回答

相关问题