0

非常に基本的な例ですが、機能しません。私は何を間違っていますか？

<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 はレンダリングされません

4

1 に答える 1