根據Meteor.js中的變量值更改html

Question

我正在嘗試基於變量顯示不同的數據集，而不更改meteor.js中的路由。

它看起來像這樣：

<template name="somename">
{{#if form_submitted }}
display some data
{{else}}
display other data
{{/if}}
</template>

我正在嘗試通過一個助手來做到這一點：

Template.somename.helpers({
    form_submitted = false;
});

但是，當我運行此命令時，出現錯誤。

另外，我希望在單擊按鈕時將變量更改為true（然后在一定時間后刷新為false）。

有任何想法嗎？

Answer 1

您將需要結合使用模板助手和反應變量 ：

Template.somename.onCreated( function() {
    Template.instance().isFormClicked = new ReactiveVar( false );
});

Template.somename.helpers({
  form_submitted: function () {
    return Template.instance().isFormClicked.get();
  }
});

Template.somename.events({
  'click button': function( event, template ) {
    template.isFormClicked.set( true );
    Meteor.setTimeout( function() {
      template.isFormClicked.set( false );
    }, 10000); // Reset after 10 seconds.
  };
});

Answer 2

幫助函數返回一個值。 在您的特定情況下，它將是：

Template.somename.helpers({
  form_submitted: function () {
    return true;
  }
});

也許您可以查看有關輔助程序的Meteor文檔http://docs.meteor.com/#/full/template_helpers