未呈現嵌套視圖

非常基本的示例，但不起作用。我做錯了什麼？未呈現嵌套視圖

<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

未呈現嵌套視圖

回答

相關問題