在meteor.js等待Web服务调用时如何显示进度加载器/微调器？

Question

如何在meteor.js 等待网络服务调用时显示进度加载器？在等待来自 mongo 集合的数据时，我一直在使用 Iron 路由器来显示进度，但现在我面临的数据来源略有不同。因此，如果您有这个想法，请随时给我一个铁路由器解决方案。欢迎任何想法。 如果您对我的代码感兴趣，如下所示：

    if (Meteor.isClient) {
    Template.confirmWeather.onRendered(function(){
        var validator = $('.confirmWeatherAndGoToMessage').validate({
            submitHandler: function(event){
    Meteor.bindEnvironment(Meteor.call('testWeather',Meteor.bindEnvironment(function(error,result)
                {
                    if (error)
                    {
                        console.log(error.message)
                    }
                    else
                    {
                        var userId = Meteor.userId();
                        var user = Meteor.users.findOne({_id: userId});
                        if (user.testData)
                        {
                            Router.go('showFocust');
                        }
                        else
                        {
                            Router.go('showError');
                        }
                    }
                })));


            }
        });
    });

}

请注意，方法调用可以移动到 showFocust 模板。所以没有什么是一成不变的。哦，如果你有一个类似的例子，你以前解决过，请随时解释你是如何解决的。谢谢

Answer 1

假设您尝试在您提到的模板中显示加载器，我会尝试使用响应式 var 并像这样自动运行：

if (Meteor.isClient) {
Template.confirmWeather.onRendered(function(){
    var instance = this;
    instance.is_loaded = new ReactiveVar(false);

    var validator = $('.confirmWeatherAndGoToMessage').validate({
        submitHandler: function(event){
Meteor.bindEnvironment(Meteor.call('testWeather',Meteor.bindEnvironment(function(error,result)
            {
                if (error)
                {
                    console.log(error.message)
                }
                else
                {
                    var userId = Meteor.userId();
                    var user = Meteor.users.findOne({_id: userId});
                    if (user.testData)
                    {
                        Router.go('showFocust');
                    }
                    else
                    {
                        Router.go('showError');
                    }

                    instance.is_loaded.set(true)
                }
            })));


        }
    });
});

}

当 is_loaded 为 false 时，在您的模板中显示 gif/loader。您可以在模板的帮助程序中以 Template.instance().is_loaded.get() 的形式访问 is_loaded。