は、私は4つのタブメニューを持っており、いずれかのタブは、それ自身、非常に速くスニペットのいくつかのリンクを持っている実際のメニューページであるイオンのアプリケーションを持っている

Question

をクリックし、タブ上の親状態へのリダイレクト：

.state('menu', { 
    url: '/menu', 
    params: {user: null}, 
    views: { 
     'tab-menu': { 
     templateUrl: 'menu.html', 
     controller: 'menuCtrl' 
     } 
    } 
    }) 
.state('user-profile', { 
    url: '/menu/profile', 
    params: {user: null}, 
    views: { 
     'tab-menu': { 
     templateUrl: 'user-profile.html', 
     controller: 'menuCtrl' 
     } 
    } 
    }) 

だから、ときに、ユーザー"メニュー"イオンタブをタップして、プロファイルページをタップすると、すべて正常に動作します。ユーザーが「ホーム」タブをクリックすると、それも正常に機能します。しかしその後、ユーザーが「メニュー」タブをタップすると、実際のメニューページではなく、プロファイルページに移動します。

メニューページに移動するにはどうすればよいですか？

Answer 1

、この問題に対する解決策を次のように：

タブはui-sref性質を持っている：

ui-sref="main.live.tabs.ranking" 

そして、これは、リダイレクトの問題を引き起こしています。代わりに、ちょうど方法

$scope.goToState = function() { 
    $state.go('state'); 
} 

とコントローラを作成し、ui-srefを除去して

ng-click="goToState()" 

でそれを置き換えることで、タブを変更