Перенаправление на стандартное вложенное состояние в AngularJS с ui-router

Question

Я имею дело с перенаправлением с ui-router.

У меня есть меню с элементами. Когда я выбрал один из них, он перенаправляется на соответствующий html-шаблон для загрузки. Каждый шаблон html содержит вкладки.

Я хотел бы открыть вкладку по умолчанию для каждого элемента в меню.

Вот мои состояния:

$stateProvider 

.state('app.my', { 
    url:'/my/:numeral', 
    templateUrl: 
    function (stateParams) { 
     return stateParams.numeral + '.html'; 
    } 
}) 

.state('app.my.first', { 
    url:'/:filter', 
    templateUrl:'list-results.html', 
    controller: 'FilterCtrl', 
    controllerAs: 'results' 
}) 

.state('app.my.second', { 
    url:'/:filter', 
    templateUrl:'list-results.html', 
    controller: 'FilterCtrl', 
    controllerAs: 'results' 
}); 

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

http://plnkr.co/edit/oIQDIhx2vrp1o01Xz3EL?p=preview

Заранее спасибо!

Answer 1

редактировать ui-sref значения, как, что:

<ul class="nav nav-pills"> 
    <li> 
     <a class="nav-tab" ui-sref-active="active" ui-sref="app.my.first({numeral:'first',filter:'draft'})">First</a> 
    </li> 
    <li> 
     <a class="nav-tab" ui-sref-active="active" ui-sref="app.my.second({numeral:'second',filter:'draft'})">Second</a> 
    </li> 
    </ul>