Я создаю вкладку на основе страницы, которая показывает некоторые данные. Я использую UI-Router в AngularJs для регистрации состояний.

Моя цель - открыть одну вкладку по умолчанию при загрузке страницы. Каждая вкладка имеет вложенные вкладки, и я бы хотел, чтобы при смене вкладок была открыта вложенная вкладка по умолчанию.

Я тестировал сonEnter функция и внутри я использую$state.go('mainstate.substate'); но, похоже, он не работает из-за проблем с эффектом цикла (для state.go для подстановки он вызывает родительское состояние и т. д., и он превращается в цикл).

$stateProvider

.state('main', {
  url: '/main',
  templateUrl: 'main.html',
  onEnter: function($state) {
    $state.go('main.street');
  }
})

.state('main.street', {
  url: '/street',
  templateUrl: 'submenu.html',
  params: {tabName: 'street'}
})

Здесь я создалдемо плункер.

На данный момент все работает, за исключением того, что у меня нет открытой вкладки по умолчанию, и это именно то, что мне нужно.

Спасибо за ваши предложения, мнения и идеи.