首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >解整应用角2

解整应用角2
EN

Stack Overflow用户
提问于 2017-07-18 20:30:59
回答 1查看 360关注 0票数 0

我有一个具有简单主模板和页眉和页脚的应用程序,如下所示

代码语言:javascript
复制
<section style="margin-bottom:70px">
   <nav-menu></nav-menu>
</section>
<section>
   <router-outlet></router-outlet>
</section>
<section>
   <foot></foot>
</section>

路由器插座上有解析器来阻止UI的痛苦,直到Api呼叫完成为止。这将导致UI只有页眉页脚可查看,直到Api返回。是否也有其他组件的解决方法?也许像其他组件订阅的共享服务一样?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-07-19 00:13:21

有几种方法可以解决这一问题:

1)可以使用解析器设置的loaded或类似标志构建服务。然后在其他组件上添加一个*ngIf,这些组件在设置loaded标志之前阻止它们显示。

2)用单个路由器出口构建一个临时组件。将当前的代码移动到临时路由器出口的子路由中。然后您可以在该子路径上设置解析器。

app.component.html

代码语言:javascript
复制
<router-outlet></router-outlet>

main.component.html

代码语言:javascript
复制
<section style="margin-bottom:70px">
   <nav-menu></nav-menu>
</section>
<section>
   <router-outlet></router-outlet>
</section>
<section>
   <foot></foot>
</section>

路由配置将定义到主组件的路由,并有路由解析器。您的当前路径将是此路由的子路径。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45176513

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档