javascript - 根据 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

您需要结合使用模板助手和 reactive variables为此:

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.
  };
});