angular - Angular 5主/明细路由最佳实践

Question

我只是在学习角度5，我坚持大师/细节的最佳实践。在Angular官方教程中，主要/细节部分（此处：https://angular.io/tutorial/toh-pt3）采用以下模式：
主组件（包含英雄列表）
主控中使用的细节组件（是所选英雄的细节）
此示例在没有路由配置的情况下运行，因此在英雄选择期间不会更改URL。整个逻辑在主组件中操作。
一步后有一个路由器部分（这里：https://angular.io/tutorial/toh-pt5）
路由示例在同一级别的路由中同时使用列表和细节组件，并且它们都使用自己的逻辑单独操作。
我的问题1：
把这两个样本结合起来，用任何角度惯例都可以吗？我的目的是创建HeroesContainer，它包含两个组件-英雄列表和英雄细节。
英雄容器组件
英雄列表（包含英雄列表）
英雄细节组件（选定英雄的细节）
路由器设置为：

{
  path: 'heroes',
  component: HeroesContainerComponent,
}, {
  path: 'heroes/:id',
  component: HeroesContainerComponent,
}

如果没有id被路由，那么herodetailcomponent被隐藏。
如果路由了任何ID，则隐藏HeroESList组件。
我的问题2：
当导航到同一个组件时，角度是否会保持组件的状态？用例：用户在列表上执行排序和过滤，打开一些英雄（导航到详细信息），然后点击“后退按钮”。我用上面描述的Angularjs模式来实现这一点。
谢谢你的建议！

Answer 1

这篇文章非常接近：
https://medium.com/@juliapassynkova/angular-2-component-reuse-strategy-9f3ddfab23f5