根据 Meteor.js 中的变量值更改 html

Changing html based on a variable value in Meteor.js

本文关键字：html 变量值 Meteor js 根据      更新时间：2023-09-26

我正在尝试根据变量显示不同的数据集，而不更改流星.js中的路线。

它看起来像这样：

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

我正在尝试使用助手执行此操作：

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

但是，当我运行它时，我收到一个错误。

另外，我希望在单击按钮时变量更改为 true（然后在一定时间后刷新为 false）

有什么想法吗？

为此，您需要使用模板帮助程序和反应变量的组合：

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

帮助程序 返回值的函数。在您的特定情况下，它将是：

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

也许您可以查看有关帮助者的流星文档 http://docs.meteor.com/#/full/template_helpers

相关文章：