Flowrouter中的pagerender之前显示Loader Div

【问题标题】：need to display Loader Div on before pagerender in meteor/blaze/Flowrouter需要在meteor/blaze/Flowrouter中的pagerender之前显示Loader Div
【发布时间】：2017-08-16 02:29:15
【问题描述】：

我最近开始使用meteor/blaze/FlowRouter，但遇到了一个问题

我需要显示我的自定义加载器 div，只要页面模板处于转换模式（例如加载内容或从 api 请求数据或搜索用户数据等）就会显示它

有什么办法可以在一个地方做吗？ ...我不想在每个页面中添加 loader 的 html 内容并通过函数调用来处理它，因为这将是代码的重复

【问题讨论】：

标签： meteor meteor-blaze flow-router

【解决方案1】：

您可以使用 percolate:momentum 大气中的包。

首先，安装动量：

meteor add percolate:momentum

然后，创建一个布局模板：

<template name="appBody">
    {{#momentum plugin="fade"}}
        {{#if Template.subscriptionsReady}}
            {{> Template.dynamic template=main}}
        {{else}}
            {{> AppLoading}}
        {{/if}}
    {{/momentum}}
</template>

如果您的订阅准备就绪，那么 Blaze 将呈现在路由器中指定的模板 {main}。否则，将呈现您的 AppLoading 模板。

您还需要创建 AppLoading 模板：

<template name="AppLoading">
    <!-- Your Loading div here -->
</template>

【讨论】：