Mix named views with ui-view

[jgoux]

Hi,
I want to mix named views with a "anonymous" ui-view like this :

<!-- index.tpl.html -->
<div data-ui-view></div>

<!-- admin.tpl.html -->
<div data-ui-view="menu"></div>
<div data-ui-view="sidebar"></div>
<div data-ui-view></div><!-- Nested content goes here -->

// app.js
        $stateProvider
            .state('admin', { // Menu + Sidebar + Ui-view for nested content
                abstract: true,
                url: '/admin',
                templateUrl: 'app/admin/admin.tpl.html',
                views: {
                    'menu': {
                        templateUrl: 'app/admin/menu.tpl.html'
                    },
                    'sidebar': {
                        templateUrl: 'app/admin/sidebar.tpl.html'
                    }
                }
            })
            .state('admin.home', { // Nested content
                url: '',
                templateUrl: 'app/admin/home/admin-home-index.tpl.html'
            });

My issue is that all the partials are loaded but they aren't displayed inside my index.tpl.html file.
Is it possible to mix named views with "anonymous" ui-view ?

[nateabele]

It is possible, but you can't mix top-level view configuration with a views key. Instead, do views: { "": { ... }}.

Per the readme, please direct further support questions to StackOverflow. Thanks.

[jgoux]

Thanks for the answer, my working result :

$stateProvider
            .state('admin', {
                abstract: true,
                url: '/admin',
                views: {
                    '': {
                        templateUrl: 'app/admin/admin.tpl.html'
                    },
                    'menu@admin': {
                        templateUrl: 'app/admin/menu.tpl.html'
                    },
                    'sidebar@admin': {
                        templateUrl: 'app/admin/sidebar.tpl.html'
                    }
                }
            })
            .state('admin.home', {
                url: '',
                templateUrl: 'app/admin/home/admin-home-index.tpl.html'
            });

[motin]

Any chance a StackOverflow post was created based on this? I'd upvote that straight away.