Meteor:创建单个CMS表单

时间:2018-01-10 23:18:52

标签: javascript meteor meteor-autoform

所以我在创建单个表单时遇到了困难,在更新时会更新HTML文本。

例如,在我网站的第1页上,有一个表单中写有 TITLE 字样。现在,在第2页上,页面上的唯一字词是 TITLE 。现在我希望能够更新该表单,现在说 TITLE 2 ,并立即更新第2页。

我想制作很多这些表单,那么用最少量的代码执行此操作的方法是什么?

1 个答案:

答案 0 :(得分:0)

如果您的表单和显示文字的元素位于不同的模板中,则必须使用会话

在您的第一个模板(第1页)中:将事件附加到您的输入,以便在您键入文本时更新会话变量。

在您的第二个模板(第2页)中:使用简单的帮助器返回Session变量的值

以下是代码:

<template name="page1">
    <input type="text" class="js-change-text">
</template>

Template.page1.events({
    "keyup .js-change-text"(event, instance) {
        let inputValue = event.target.value);
        Session.set('inputValue', inputValue);
    },
});

<template name="page2">
    <h1>{{getInputValue}}</h1>
</template>

Template.page2.helpers({
    getInputValue() {
        return Session.get('inputValue');
    },
});