angular - 单水疗路由器：Angular 9

Question

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

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 应用程序将呈现。

Answer 1

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

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