所以我在创建单个表单时遇到了困难,在更新时会更新HTML文本。
例如,在我网站的第1页上,有一个表单中写有 TITLE 字样。现在,在第2页上,页面上的唯一字词是 TITLE 。现在我希望能够更新该表单,现在说 TITLE 2 ,并立即更新第2页。
我想制作很多这些表单,那么用最少量的代码执行此操作的方法是什么?
答案 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');
},
});