angularjs – Angular UI-Router多个视图

我使用angular UI-Router。我在我的路由配置中有以下

.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: "",templateUrl: '../src/app/bulleTinBoard/views/TradeFeed.part.html'
                },'newsFeed': {
                    url: "",templateUrl: '../src/app/bulleTinBoard/views/newsFeed.part.html'
                }
            },templateUrl: '../src/app/bulleTinBoard/views/bulleTinBoard.part.html'
        });
})

在我的索引页面，我只是调用视图使用：

<div class="container" ui-view></div>

在我的公告BOo.html我想有一个嵌套视图：

<div ui-view="TradeFeed"></div>
<div ui-view="newsFeed"></div>

对于/ newsFeed页面和/ TradeFeed页面，这是完美的，但对于公告板，我看不到任何东西在页面上。我在哪里错了？

...

.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: ......
        }
    }

});