Ich benutze einen eckigen UI-Router. Ich habe folgendes in meiner Routenkonfiguration

.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'
    });
})

Auf meiner Indexseite rufe ich die Ansicht einfach folgendermaßen auf:

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

In My bulletinBoard.html möchte ich eine verschachtelte Ansicht haben:

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

Für die / newsFeed-Seite und die / tradeFeed-Seiten funktioniert dies perfekt, aber für das Bulletin Board kann ich nichts auf der Seite sehen. Wo gehe ich falsch?