bp-navbar-config issue with tabs about bradypodion HOT 4 CLOSED

$stateProvider
  .state('alerts', {
    url: '/',
    templateUrl: 'views/alerts.html',
    data: {
      title: 'Alerts'
    }
  }).state('unreadAlerts', {
    parent: 'alerts',
    url: 'alerts/unread',
    templateUrl: 'views/alerts/list.html',
    controller: 'AlertsCtrl',
    data: {
      transition: 'fade'
    }
  }).state('readAlerts', {
    parent: 'alerts',
    url: 'alerts/read',
    templateUrl: 'views/alerts/list.html',
    controller: 'AlertsCtrl',
    data: {
      transition: 'fade'
    }
  })

<bp-tabbar>
  <bp-tab
    ui-sref='unreadAlerts'
    bp-tab-icon="icon-inbox"
    bp-tab-title="Ungelesene Alerts">
  </bp-tab>
  <bp-tab
    ui-sref='readAlerts'
    bp-tab-icon="icon-inbox"
    bp-tab-title="Gelesene Alerts">
  </bp-tab>
</bp-tabbar>

<bp-content>
  <div ui-view></div>
</bp-content>

<div class='bp-content'>
  <bp-table bp-iscroll>
    <bp-cell class="bp-cell alert-cell" ng-repeat="alert in alerts | filter:alertsFilter">
      ...
    </bp-cell>
  </bp-table>
</div>

<bp-navbar-config>
  <bp-action ng-click="toggleTheme()" class="fa-exchange">Theme</bp-action>
  <bp-action ng-click="action()" bp-tab="action()" login class="fa-sign-in">Login</bp-action>
</bp-navbar-config>