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

Question

我目前正在使用 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 中有我想要保留的数据，而是我在组件类中确实有我想要保留的数据。我认为一个好的解决方案是将数据保存在数据存储中而不是组件中，但目前我想将数据保存在组件中。

Answer 1

回答您的问题 - 不，没有这个选项。

是的，您可以使用 RouteReuseStrategy 类，实现它比创建一些存储服务并从中检索数据要难 10 倍。