条件付きレンダリングをどのように点滅させないか？

Question

これは流星の問題か一般的な問題かどうかはわかりませんが、私のアプリには次のコードがあります。

<template name='admin'> 
<div class='admin container-fluid noPadding'> 
    {{#if isInRole 'Admin'}} 
     <h3 class="homepageText">Server Statistics</h3> 
     {{> serverFacts}} 
    {{else}} 
     You don't belong here! 
    {{/if}} 
</div> 

ページは、私が見レンダリング「あなたはここに属していない！」、そして「サーバ統計は、」第二のほど、後でそれを置き換えた場合。私は同じ問題を常に私のアプリの他の場所には、Blaze {{#if ...}}が関与している。レンダリングが完了して解決するまでページがブラウザに表示されないようにする方法はありますか？

Answer 1

これはリアクティブアプリケーションの一般的な問題です。データが依然としてクライアントにプッシュされている間にレンダリングされることがよくあります。通常の解決策は、基礎となるサブスクリプションが準備できるまでスピンナー（例：sacha:spin）を使用することです。あなたのサブスクリプションに基づいてloadingを計算するためにヘルパーが必要になります

<template name='admin'> 
{{#if loading}} 
    {{> spin}} 
{{else}} 
    <div class='admin container-fluid noPadding'> 
    {{#if isInRole 'Admin'}} 
     <h3 class="homepageText">Server Statistics</h3> 
     {{> serverFacts}} 
    {{else}} 
     You don't belong here! 
    {{/if}} 
{{/if}} 
</div> 

：次にブレイズにあなたが終わります。いくつかのサブスクリプションに裏付けられたより複雑なレイアウトでは、一度に複数のスピナーを回転させることになります。