我有一个具有简单主模板和页眉和页脚的应用程序,如下所示
<section style="margin-bottom:70px">
<nav-menu></nav-menu>
</section>
<section>
<router-outlet></router-outlet>
</section>
<section>
<foot></foot>
</section>路由器插座上有解析器来阻止UI的痛苦,直到Api呼叫完成为止。这将导致UI只有页眉页脚可查看,直到Api返回。是否也有其他组件的解决方法?也许像其他组件订阅的共享服务一样?
发布于 2017-07-19 00:13:21
有几种方法可以解决这一问题:
1)可以使用解析器设置的loaded或类似标志构建服务。然后在其他组件上添加一个*ngIf,这些组件在设置loaded标志之前阻止它们显示。
2)用单个路由器出口构建一个临时组件。将当前的代码移动到临时路由器出口的子路由中。然后您可以在该子路径上设置解析器。
app.component.html
<router-outlet></router-outlet>main.component.html
<section style="margin-bottom:70px">
<nav-menu></nav-menu>
</section>
<section>
<router-outlet></router-outlet>
</section>
<section>
<foot></foot>
</section>路由配置将定义到主组件的路由,并有路由解析器。您的当前路径将是此路由的子路径。
https://stackoverflow.com/questions/45176513
复制相似问题