如何避免流星助手多次運行

Question

在我的模板我有這樣的HTML：

<input id="name" type="text" value="{{card.name}}"> 
<input id="prefix" type="text" value="{{card.prefix}}"> 
<input id="phone" type="tel" value="{{card.phone}}"> 

和這個JavaScript

Template.cardForm.helpers({ 
    card: function() { 
    return getCard(); 
    } 
}); 

var getCard = function() { 
    console.log("I'm here !!!"); 
    return Cards.findOne({_id: cardId}); 
} 

當我運行我的應用程序中，console.log顯示「我在這裏!!!」 3次，我認爲Ecards.findOne()正在執行3次。

如何避免這些額外的電話？

我想獲取卡片對象以填充{{card.name}},{{card.prefix}}和{{card.phone}}，但只有一個調用getCard()。

Answer 1

card幫助程序執行多次，因爲card多次出現在評估的模板代碼中。

，以避免像你所面臨的一個場景重複調用的模式是使用#with：

{{#with card}} 
    <input id="name" type="text" value="{{name}}"> 
    <input id="prefix" type="text" value="{{prefix}}"> 
    <input id="phone" type="tel" value="{{phone}}"> 
{{/with}} 

這將調用card一次，然後在其結果的上下文中運行嵌套的代碼。