角度1.5コンポーネントルーティングでブラウザのリフレッシュイベントを処理します

Question

Angular 1.5 component routingを実装しました。ユーザーがブラウザをクリックまたはキーボードでリフレッシュするときに解決策を探していますF5ユーザーを最初のページにリダイレクトし、入力/選択されたすべてのデータをリセットする必要があります。

ここはPLUNKERです。これには2ページしかありません。

私の場合、ユーザーが更新する場合。ユーザーはFirstページにリダイレクトされ、入力/選択されたすべてのデータはデフォルトにリセットされます。

注：私はAngular 1.5コンポーネントルーティングの廃止に注意しています。悲しいことに、私はこのことについて、私のアプリが制作に出た後にしか知りません。ユーザーにいくつかのソリューションを提供する必要があります。Angular2に移行するまでは、ここで

は、コンポーネントルーティングを処理するコードです：

var module = angular.module('app', ['ngComponentRouter']); 

module.config(function($locationProvider) { 
    $locationProvider.html5Mode(true); 
}); 

module.value('$routerRootComponent', 'myFirstApp'); 

module.component('myFirstApp', { 
    templateUrl: "mainview.html", 
    $routeConfig: [{ 
    path: '/', 
    redirectTo: ['/First'] 
    }, { 
    path: '/first', 
    name: 'First', 
    component: 'firstComponent' 
    }, { 
    path: '/second', 
    name: 'Second', 
    component: 'secondComponent' 
    }] 
}) 

Answer 1

が、私はそれを行うことができた、唯一のことは、プログラムのルーティング処理するための1が必要です。 この行は魔法をしていますwindow.onbeforeunload = $rootRouter.navigate(['First']);

$rootRouter & $windowサービスを必ず注入してください。

module.component('firstComponent', { 
templateUrl: "1.html", 
controllerAs: "vm", 
controller: function($rootScope, sharedService, $rootRouter, $window) { 

    window.onbeforeunload = $rootRouter.navigate(['First']); 

}