我需要重新載入流星網站嗎？

Question

我有這樣的模板：

<template name="body"> 
    {{#if key}} 
    {{> mite}} 
    {{else}} 
    {{> settings}} 
    {{/if}} 
</template> 

和

<template name="settings"> 
    <h1>The settings</h1> 
    <form class="form-inline"> 
    <input id='apiKey' type='text' name='apiKey' placeholder='your API-Key'> 
    <button id='saveSettings' type='submit' class='btn'>save</button> 
    </form> 
</template> 

<template name="mite"> 
    <div> 
    <h3>...here with key</h3> 
    <p> 
     <a id="optout" href="#">not your key?</a> 
    </p> 
    </div> 
</template> 

當我展示的設置形式，用戶可以設置需要顯示的「蟎蟲」模板的關鍵。現在，當我'提交'表單的頁面重新加載和'蟎'模板顯示。

在蟎模板上，我想要鏈接'不是你的鑰匙？'或者刪除密鑰然後再次顯示設置表單的東西。它適用於重新加載...但是如果沒有Meteor的所有重新加載，我無法做到這一點？我如何在模板中用#if調用模板部分？

- 雷納託

Answer 1

您需要一個事件處理程序綁定到你的表單，並使用preventDefault()停止它提交。例如

客戶端JS

Template.settings.events({ 
    'submit':function(event,template) { 
     event.preventDefault(); 
     var apiKey = template.find('input[name=apiKey]').value; 

     //..rest of logic to handle submit event 
     Session.set("key",true); 
    } 
}); 

那麼您可以使用Session.get("showthistemplate")模板助手，以決定是否顯示另一模板或沒有（這是一個普遍的幫手，因爲你把它和不是一個模板：

Handlebars.registerHelper('key',function() { 
    return Session.set("key",true); 
});