このアプリのページは、X
,Y
、Z
です。ルーティングは次のようにする必要があります。X
に行き、詳細を選択してからY
に行き、さらに詳細を選択してZ
に行きます。だから、Z
ページに行くと、ウィンドウバックボタンをクリックすると、ページX
に行き、ページY
には行かなくてはなりません。 Y
からZ
に行く間に、を$state.go
に追加しようとしましたが、動作しません。どのようにそれを達成するための任意のアイデア?ui-routerは以前の状態を変更します
おかげ
このアプリのページは、X
,Y
、Z
です。ルーティングは次のようにする必要があります。X
に行き、詳細を選択してからY
に行き、さらに詳細を選択してZ
に行きます。だから、Z
ページに行くと、ウィンドウバックボタンをクリックすると、ページX
に行き、ページY
には行かなくてはなりません。 Y
からZ
に行く間に、を$state.go
に追加しようとしましたが、動作しません。どのようにそれを達成するための任意のアイデア?ui-routerは以前の状態を変更します
おかげ
あなたが状態を変更するたびに、角度がイベントをトリガーする、あなたがそれを使用することができ、$stateChangeStart
と呼ばれますあなたの利点に。あなたの問題はこれで解決されますので、あなたのapp.run
、バック
app.run(function($rootScope,$state){
$rootScope.$on('$stateChangeStart', function(event, toState, toParams, fromState, fromParams) {
//Check if you're going from Z to Y
if(fromState.name === 'Z' && toState.name === 'Y'){
// if so, first stop the default behavior
event.preventDefault();
// then navigate to X
$state.go('X');
}
});
});
にブラウザを行うボタンで
は、本質的に同じイベントをトリガします。
それは感謝の男を働いた:) – AbKDs
シンプルな解決策は、XとZの2つの状態しか持たないということです.Xページの詳細を選択してYに行くと、 'ui.router'でYに行くのではなく、現在のdivを隠してdivそれでは、Yの内容を持っています。さらに詳細を選択すると、 'ui.router'を使ってZに行きます.. – AdityaParab
@AdityaParab、私は別のページ' Y'を必要とします – AbKDs
'page'を意味しますか?ルート? – AdityaParab