html - 使用 Angular2 将 HTML 页面存储在内存中

Question

我想将网页保存在内存中，这样当我点击后退按钮(不是网络浏览器上的那个)或路由器链接时，如果我已经访问它，HTML 页面会立即加载(因为我有一些数据要加载我不想重新加载的内容)。

我见过一个带有选项卡式界面的方法: https://www.w3.org/Style/Examples/007/target.en.html#tab1但它不适合我的代码架构。

我在 angular2 中使用 routerlink 来导航抛出的页面，并使用后退按钮在点击时调用函数以转到上一页。

我会尽可能详细地说明，以便人们可以更好地理解我的代码架构以及 routerlink 方法的工作方式。

后退按钮功能(独立于routerlink):

 goBack() {
 window.history.back();
 }

第1页到第2页的路由链接方法:

page1.html :

<a[routerLink]="['PAGE2']"> go to page 2</a>

page1.ts 组件:

 import { Router, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
 @Component({
 selector: 'page1',
 templateUrl: 'page1.html',
 styleUrls:  ['page1.css'],
 directives: [ROUTER_DIRECTIVES]
 })

主.ts:

import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated';

@Component({
providers: [ROUTER_PROVIDERS]
})

@RouteConfig([
{ path: '/page2',  name: 'PAGE2',  component: Page2}]) //component representing class Page2 in page2.ts

欢迎任何帮助我管理它的想法，提前致谢!

Answer 1

只需像 What is the correct way to share the result of an Angular 2 Http network call in RxJs 5? 中解释的那样在服务中缓存数据

目前没有办法阻止路由器在您离开并返回组件时重新创建组件。