Várias visualizações angulares do roteador de interface do usuário

Eu estou usando o roteador de interface do usuário angular. Eu tenho o seguinte na minha configuração de rota

.config(function config($stateProvider) { $stateProvider.state('newsFeedView', { url: '/newsFeed', controller: 'newsFeedController', templateUrl: '../src/app/bulletinBoard/views/newsFeed.part.html', data: { pageTitle: 'News Feed' } }) .state('tradeFeedView', { url: '/tradeFeed', controller: 'tradeFeedController', templateUrl: '../src/app/bulletinBoard/views/tradeFeed.part.html', data: { pageTitle: 'Trade Feed' } }) .state('bulletinBoard', { url: '/bulletinBoard', views: { 'tradeFeed': { url: "", controller: 'tradeFeedController', templateUrl: '../src/app/bulletinBoard/views/tradeFeed.part.html' }, 'newsFeed': { url: "", controller: 'newsFeedController', templateUrl: '../src/app/bulletinBoard/views/newsFeed.part.html' } }, templateUrl: '../src/app/bulletinBoard/views/bulletinBoard.part.html' }); }) 

Na minha página de índice, apenas invoco a view usando:

 

Em Meu bulletinBoard.html, quero ter uma visualização aninhada:

 

Para a página / newsFeed e as páginas / tradeFeed isso funciona perfeitamente, mas para o quadro de avisos não consigo ver nada na página. Onde eu estou errando?

Eu acho o exemplo no wiki oficial do GitHub muito pouco intuitivo. Aqui está um melhor:

https://scotch.io/tutorials/angular-routing-using-ui-router

Por exemplo:

 ... .state('bulletinBoard', { url: '/bulletinBoard', views: { // the main template will be placed here (relatively named) '': { templateUrl: '../src/app/bulletinBoard/views/bulletinBoard.part.html' }, // the child views will be defined here (absolutely named) 'tradeFeed@bulletinBoard': { template: ..... }, // another child view 'newsFeed@bulletinBoard': { templateUrl: ...... } } }); 

A syntax de cada atributo de exibição sendo viewName@stateName .

O .state() método .state() é ignorado ao usar o object views . Veja o wiki do roteador ui para mais informações: https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views#user-content-views-override-states-template-properties