问题描述
我想在页眉和页脚之间添加路由页面。页眉和页脚不应为每个导航重新呈现。
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/”，它将呈现页眉、仪表板和页脚，但在导航到帮助后，页脚将消失。标题和路由应用程序将呈现。
解决方法
在angular项目中添加路由并设置路由，然后您可以在Header和Footer之间指定router-outlet标签，以根据Route路径重新加载Header和Footer之间的内容。