在Angular2中设置页面更改的加载指示器

Question

我创建了一个指令，当页面仍在加载时，在整个页面上设置一个加载指示器(微调器)。我的指令只有一个参数:是否应该显示微调器：<div class="app-container" [busy]=!pageLoaded>

在我的应用程序组件中，我在构造函数中完成了以下操作：

    this.pageLoaded = false
    router.subscribe((routeName: String) => {
        /* Other stuff */
        this.pageLoaded= true
    })

此router.subscribe将在每次路由器更改时调用(通过实例从一个页面切换到另一个页面)。唯一的问题是，我的pageLoaded将保持它的真实值。如何在不触发busy指令的情况下将其设置回false？

Answer 1

我通常做的是:路线变化很快。我假设您想要对路由执行一些解析(数据获取)，对吗？因此，在本例中，我创建了一个http处理程序，它在请求开始时增加本地计数器，在请求结束/失败时减少它。而计数器是gt 0，显示装载器。

在特殊情况下，如果您不想显示加载器，我通常会将其作为请求对象的配置，并根据此设置来决定如何处理计数器。

问候