変更後の角度のブートストラップUIでタブをアクティブにする方法

Question

タブコンポーネントをAngular Bootstrap UIに、ui-routerをAngularjsアプリでルーティングしました。

変更ルートの後に、タブの1つをアクティブにしたいとします。実際、私は検索ルートを持っており、検索オプション（ユーザーは検索する場所を選択できる）のためにタブを変更したいと考えています。

Answer 1

私の問題を解決しました！

各タブに排他的なルートがある場合は、angular ui router stickyを使用してこれを処理できます。

users.pug

ul.nav.nav-tabs 

    li.nav-item(ui-sref-active-eq='active') 
     a.nav-link(ui-sref="users") users list 

    li.nav-item(ui-sref-active-eq='active') 
     a.nav-link(ui-sref="users.newUser") newUser 

.tab-content(ui-view="usersTab") 

usersList.pug

h1 users list page 

newuser.pug

0123ブートストラップ

使用

h1 new user page 

route.js

.state('users', { 
    url: '/users', 
    templateUrl: 'users.html', 
    controller: 'usersCtrl' 
}) 
.state('usersList', { 
    url: '/usersList', 
    sticky: true, 
    views: { 
     "usersTab": { 
      templateUrl: 'usersList.html', 
      controller: 'usersListCtrl' 
     } 
    } 
}) 
.state('newUser', { 
    url: '/newUser', 
    sticky: true, 
    views: { 
     "usersTab": { 
      templateUrl: 'newUser.html', 
      controller: 'newUserCtrl'  
     } 
    } 

}) 

そして、それぞれのタブを使用することができ、アクティブに：ui-sref-active-eq='active'と.activeクラスの変更アクティブなタブのスタイル