在Meteor.js中動態加載模板時等待數據

Question

在我的meteor.js應用程序中，我動態加載模板;

{{#DynamicTemplate template=getTemplate data=getData}} 
    Default content when there is no template. 
    {{/DynamicTemplate}} 

當我加載子模板時，是否有可能等待呈現子模板，直到子模板的數據準備好來自getData？我的意思是有一些像waitOn鐵路路由器的功能，我可以做什麼？謝謝

Answer 1

您可以採用的方法是在模板的created函數中訂閱，然後在呈現模板時首先檢查每個訂閱的ready()，如果它們不全都是真的，則渲染加載顯示。

<template name="templateWithSubscription"> 
    {{#if ready}} 
    <!-- actual content --> 
    {{else}} 
    loading... 
    {{/if}} 
</template> 

Template.templateWithSubscription.created = function() { 
    this.subscriptions = [ 
    Meteor.subscribe(/* ... */), 
    Meteor.subscribe(/* ... */), 
    /* ... */ 
    ]; 
}; 

Template.templateWithSubscription.destroyed = function() { 
    _.each(this.subscriptions, function (sub) { 
    sub.stop(); 
    }); 
}; 

Template.templateWithSubscription.helpers({ 
    ready: function() { 
    return _.all(Template.instance().subscriptions, function (sub) { 
     return sub.ready(); 
    }); 
    } 
}); 

相似的方法也可以用於其它數據源（例如方法）。

Answer 2

現在，您可以在模板

或

在js代碼Template.instance().subscriptionsReady()使用{{#if Template.subscriptionsReady}}。當然，您可以使用this關鍵字作爲當前模板的參考。