使用角1.5组件路由处理浏览器刷新事件

Question

我已经实现了Angular 1.5 component routing。当用户通过单击或键盘F5刷新浏览器时，我正在寻找解决方案。它应将用户重定向到第一页，并应重置所有输入的/选定的数据。

这是柱塞。这只有两页。

在我的例子中，如果用户确实刷新。用户应重定向到First页面，所有输入的/选定的数据都将重置为默认数据。

注:我知道角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

我能够做到这一点，唯一需要的就是以编程方式处理路由问题。这一行正在执行神奇的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']);

}