解析整个应用程序Angular 2

时间:2017-07-18 20:30:59

标签: angular angular-routing

我有一个带有标题和页脚的简单主模板的应用程序,如此

 scala> import spark.implicits._
 <console>:18: error: not found: value spark
   import spark.implicits._
          ^

路由器插座上有解析器,可以阻止UI痛苦,直到Api呼叫完成。这导致UI仅在Api返回之前具有可查看的页眉。有没有办法解决其他组件?也许就像其他组件订阅的共享服务一样?

1 个答案:

答案 0 :(得分:1)

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

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>

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