私は入力フィールドに情報を入力した後に情報を保存するアプリケーションを作成しようとしています! 1つ以上の入力フィールドを持つフォームを追加する際にいくつか問題があります。Meteor.jsのsubmitですべてのフォームの要素を追加するには?
これらは私のHTMLとJSファイルです:
import { Template } from 'meteor/templating';
import { Tasks } from '../api/tasks.js';
import './body.html';
Template.body.helpers({
tasks() {
// Show newest tasks at the top
return Tasks.find({}, { sort: { createdAt: -1 } });
},
});
Template.body.events({
'submit .new-task'(event) {
// Prevent default browser form submit
event.preventDefault();
// Get value from form element
const target = event.target;
const text = target.text.value;
// Insert a task into the collection
Tasks.insert({
text,
createdAt: new Date(), // current time
});
},
});
<body>
<div class="container">
<header>
<form class="new-task">
<input type="text" name="text" placeholder="Type to add new tasks" />
</form>
</header>
<ul>
{{#each tasks}}
{{> task}}
{{/each}}
</ul>
</div>
</body>
<template name="task">
<li>{{text}}</li>
</template>
どのように私は2つの以上の入力を追加し、提出ボタンをクリックして表示することができますを教えてください?
あなたの問題が何であるかを理解するのは難しいです。しかし、重複して試しましたか?代替プロパティ名でname = "text" – AirBorne04