Meteor:创建单个 CMS 表单
Meteor: Creating a single CMS form
所以我很难创建一个表单,在更新时更新 HTML 文本。
例如,在我网站的第 1 页,有一个表格,其中写有 TITLE。现在在第 2 页上,页面上只有 TITLE。现在我希望能够将该表格更新为 TITLE 2 并立即更新第 2 页。
我想制作很多这样的表格,请问有什么方法可以用最少的代码做到这一点?
如果您的表单和显示文本的元素位于不同的模板中,则必须使用 Session。
在您的第一个模板(第 1 页)中: 将事件附加到您的输入,以便在您键入文本时更新 Session 变量。
在您的第二个模板(第 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');
},
});
所以我很难创建一个表单,在更新时更新 HTML 文本。
例如,在我网站的第 1 页,有一个表格,其中写有 TITLE。现在在第 2 页上,页面上只有 TITLE。现在我希望能够将该表格更新为 TITLE 2 并立即更新第 2 页。
我想制作很多这样的表格,请问有什么方法可以用最少的代码做到这一点?
如果您的表单和显示文本的元素位于不同的模板中,则必须使用 Session。
在您的第一个模板(第 1 页)中: 将事件附加到您的输入,以便在您键入文本时更新 Session 变量。
在您的第二个模板(第 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');
},
});