ui-routerブラウザの戻るボタンの変更URLも変更を中止します

Question

私は2つのアプリケーションの状態を持っており、私はui-srefを使用してナビゲートすると、下の擬似コードは、アプリ内のいくつかのボタン。

$stateProvider.state('app.page1', { 
      url: '/page1', 
      templateUrl: 'page1.html', 
     }).state('app.page2', { 
      url: '/page2', 
      templateUrl: 'page2.html', 
     }); 

今、私は、ユーザーがPAGE2ビュー/状態になったら、彼が戻ってページ1に

$transitions.onBefore({ from: 'app.page2.**' }, (trans) => { 
    trans.abort(); 
}); 

に行くことができない、私はいくつかのボタンをクリックした場合であっても、これが正常に動作している状態を強制する必要がありますページ1にナビゲートすることはできますが、私のコードはその遷移をブロック/中断します。

しかし、私は、ブラウザの[戻る]ボタンをクリックすると、URLの変更に/アプリの＃/ページ1状態がどのはいけない、PAGE2、ちょうどURLが変更として維持しているが。

これを防ぐにはどうすればよいですか？どんな助けもありがとう。回避策のために

Answer 1

を実行するには、$ location.path（$ urlRouter.location）;を実行します。あなたが状態を同じURLにするためにトランジションを中断すると、ブラウザの履歴が保持されます。