AngularJS - Изменить активную вкладку UIB при обновлении

Когда я нажимаю tab2, он выбирает вкладку tab2 и показывает содержимое tabs2, а когда я пытаюсь обновить эту страницу, содержимое tab2 все еще отображается, но вкладка tab1 выбрана.

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

<body ng-app="Plunker">
    <div ng-controller="test">
        <uib-tabset>
            <uib-tab heading="my tab 1" index=0 ui-sref="tab1">
            </uib-tab>
            <uib-tab heading="my tab 2" index=1 ui-sref="tab2">
            </uib-tab>
        </uib-tabset>
        <ui-view></ui-view>
    </div>
</body>

app.config([
    '$stateProvider',
    '$urlRouterProvider',
    '$locationProvider',
    function ($stateProvider, $urlRouterProvider, $locationProvider) {

        $stateProvider
              .state('tab1', {
                  url: '/tab1',
                  templateUrl: 'Scripts/app/tab1/tab1.html'
              })
            .state('tab2', {
                url: '/tab2',
                templateUrl: 'Scripts/app/tab2/tab2.html'
            });


        $urlRouterProvider.otherwise('/tab1');
        $locationProvider.html5Mode(true);
}]);
Источник

0 ответов

Другие вопросы по тегам