使用express的html模板问题

Question

大家好，我在使用 EJS 时遇到问题，并表示要更改我的 html 文件，我正在尝试通过 html 中的表单获取用户数据，如下所示：-

<form action="/" method="post">
 <input type="text" placeholder="Your new task" name="newTask">
 <button type="submit">Add</button>
</form>

此表单将数据发送回主路由或（根），因此我尝试使用以下方式在服务器中获取日期：-

app.post("/",(req,res)=>{
    var task = req.body.newTask;
    tasks.push(task);
    res.redirect("/");
});

然后我将这些数据推送到一个名为 tasks 的数组中，并且使用 EJS 功能的该任务我通过这个将它发送回 html 文件：-

   res.render("list",{
        kindOfDay:dayOfWeek,
        addedTasks:tasks,
    });

上面的代码将这些数据发送到 html 文件中，数据在 html 中呈现如下：-

<h1><%=kindOfDay%></h1>
<ul>
    <li>Buy food</li>
    <li>Cook food</li>
    <li>Eat food</li>
  <% for(var i=0; i<addedTasks.lenght ; i++) { %>
      <li><%= addedTasks[i] %></li>
 <% } %>
</ul>

除了“附加任务”之外，一切正常。如果我输入的内容不显示，谢谢。

Answer 1

在您的最后一个代码 sn-p 中写入 addedTasks.length 而不是 addedTask.lenght。