故意延緩動態模板

我有一個流星動態模板故意延緩動態模板

{{#animate type="bounceInDown" delay="200"}} 

      {{> Template.dynamic template=fetchTemplate }} 

    {{/animate}}

，這是助手

'fetchTemplate': function(){ 

     var myui = "Tab"; 

     return myui; 
    }

我知道我可以使用模板級別訂閱http://docs.meteor.com/#/full/Blaze-TemplateInstance-subscribe加載，但我想國際上延遲加載我的動態模板，並在延遲期間，我想顯示加載。

我這樣做是爲了能夠中心我的加載圖標，我想看到圖標的位置（其開發工作真的，而不是生產）。

有什麼辦法可以做這種事情？

來源

2016-11-06 Le Qs

這是我發現是工作溶液

JS的

/*****************************************************************************/ 
/* AccountSettings: Event Handlers */ 
/*****************************************************************************/ 
Template.AccountSettings.events({ 
}); 

/*****************************************************************************/ 
/* AccountSettings: Helpers */ 
/*****************************************************************************/ 
Template.AccountSettings.helpers({ 
'fetchTemplate': function(){ 

     var myui = "Tab"; 

     return myui; 
    }, 
    'tl': function() { 
    var g = Session.get('shouldRender'); 

    return g; 
    } 
}); 

/*****************************************************************************/ 
/* AccountSettings: Lifecycle Hooks */ 
/*****************************************************************************/ 
Template.AccountSettings.onCreated(function() { 
}); 

Template.AccountSettings.onRendered(function() { 
    Session.set('shouldRender',false); 

setTimeout(function() { 
    Session.set('shouldRender',true); 
    }, 5000); 
    var g = Session.get('shouldRender'); 
}); 

Template.AccountSettings.onDestroyed(function() { 
});

和HTML

{{#if tl}} 
      {{#animate type="bounce"}} 

      {{> Template.dynamic template=fetchTemplate }} 

    {{/animate}} 

    {{else}} 
    <div class="sk-spinner sk-spinner-cube-grid"> 
    <div class="sk-cube"></div> 
    <div class="sk-cube"></div> 
    <div class="sk-cube"></div> 
    <div class="sk-cube"></div> 
    <div class="sk-cube"></div> 
    <div class="sk-cube"></div> 
    <div class="sk-cube"></div> 
    <div class="sk-cube"></div> 
    <div class="sk-cube"></div> 
</div> 

    {{/if}}

來源

2016-11-06 22:05:21

故意延緩動態模板

回答

相關問題