2016-12-08 23 views
0

私は、typescriptで角度2のルーティングでauth appを作成します。そして、今私の仕事はフォームlocalhost/form1からlocalhost/loginにブラウザの戻るボタンを無効にされています。これをどのように実装しますか?ブラウザのバックページボタンを無効にする

答えて

1

ブラウザの動作であるため、戻るボタンを実際にブロックすることはできません。代わりに、すべての要求を処理するガードを作成し、ロード/ログイン要求が行われ、ユーザーがすでにログに記録されている場合は、前のページにリダイレクトするだけです。

+0

感謝を

// Prevent from exiting app by hook into document backbutton @HostListener('document:backbutton', ['$event']) onPopState(event) { alert('Start page'); } 

使い方をキャプチャする代わりに、「ウィンドウ」オブジェクトの「ドキュメント」オブジェクトを使用する必要がありました、私はあなたが言うAuthGuardを意味する何かを追加します。しかし、バックページではありません。レスポンスありがとう。 – eduard

0

私はアプリが次のように出るのを防ぐために、私の角コードバのアプリでこれを解決しました。私が見つけた最もコメントに反して私は、コンポーネントに戻るボタンのイベントと素早く答えを

import { Component, HostListener } from '@angular/core'; 

export class myComponent { 
    constructor() {} 

    // Prevent from exiting app by hook into document backbutton 
    @HostListener('document:backbutton', ['$event']) 
     onPopState(event) { 
     alert('Start page'); 
    } 
} 
関連する問題