单水疗路由器：Angular 9答案

【问题标题】：Single-spa-router: Angular 9单水疗路由器：Angular 9
【发布时间】：2021-04-14 07:10:39
【问题描述】：

我想在页眉和页脚之间添加路由页面。不应为每个导航重新渲染页眉和页脚。

root-html-file 的代码 -> index.html

<single-spa-router>
   <application name='header'> 
   </application>

   <route default>
   <application name='dashboard'>
   </application>
   </route>

   <route path='help'>
   <application name='help'>
   </application>
   </route>

   <application name='footer'> 
   </application>

</single-spa-router>

一旦我们导航到默认路由“localhost:4200/”，它将呈现页眉、仪表板和页脚，但导航到帮助后，页脚将消失。 Header 和 Route 应用程序将呈现。

【问题讨论】：

标签： angular angular9 single-spa single-spa-angular

【解决方案1】：

在 Angular 项目中添加 Routing 并设置路由，然后您可以指定 Header 和 Footer 之间的 router-outlet 标签，以根据 Route 路径重新加载 Header 和 Footer 之间的内容。

看看这个 - http://www.angular.io/tutorial/toh-pt5

【讨论】：

感谢您的回复。但我无法在根 html 文件中定义路由器出口，我不想在 Angular 项目中定义页眉和页脚的路由。