Angular 5路由器 - 导航,但隐藏组件而不是销毁它们

时间:2018-01-16 20:26:57

标签: javascript angular angular5

我目前正在使用Angular路由器:

import {RouterModule, Routes, RouterLink} from '@angular/router';

说我在标题中有这个:

 <mat-menu #appMenu="matMenu">
    <button routerLink="home" mat-menu-item>Home / Start</button>
    <button routerLink="about" mat-menu-item>Instructions / Tips / User Manual</button>
    <button routerLink="contact" mat-menu-item>About / Contact</button>
    <button routerLink="history" mat-menu-item>Run History</button>
    <button routerLink="settings" mat-menu-item>Settings</button>
 </mat-menu>

我的问题是 - 是否有我可以使用的Angular路由器的设置,这样如果我点击一个新路由,它不会破坏当前路由中的组件,只是隐藏它们?

这不是我想要保留的DOM中的数据,但我确实在我想要保留的组件类中有数据。我认为一个好的解决方案是将数据保存在数据存储区而不是组件中,但目前我想将数据保存在组件中。

1 个答案:

答案 0 :(得分:2)

回答你的问题 - 不,没有选择。

是的,你可以使用 RouteReuseStrategy 类,更难实现10次,然后创建一些存储服务并从中检索数据。