for循环和forEach循环在ejs中不起作用

Question

I am working on a to-Do App and i'm having a hard time getting the POST request working. i have tried using a for loop and a for Each Loop. does not work.

<% todos.forEach(item => { %>
    <li><%= items.item %></li>
<% });%>

and also this

<% for(let i=0; i < todos.length; i++) { %>
    <li><%= todos[i].item %></li> 
<% } %>

My app.js:

const express= require('express');
const todoController = require ('./controllers/todoController');

const app = express();
app.set('view engine', 'ejs');
app.use(express.static('./public'));
todoController(app);

app.listen(3000);

My controller:

let data = [
    { item: 'wake up and pray' },
    { item: 'go to the gym' }, 
    { item: 'fire my laptop and...CODE!!' }
];

module.exports = function(app) {
    app.get('/todo' ,function(req, res) {
        res.render('todo', {todos:data});
    });

    app.post('/todo',function(req, res) {
        data.push(req.body);
        res.render('todo', {todos:data});
    });

    app.delete('/todo' ,function(req, res) {});
};

This is the error messages:

ReferenceError: C:\Users\HP LAPTOP\Desktop\toDoApp\views\todo.ejs:20
   18|         <ul>
   19|                 <% todos.forEach(item => { %>
>> 20|                     <li><%= items.item %></li>
   21|                     <% });%> 
   22|      </ul>
   23| </body>

Answer 1

<% todos.forEach(item => { %>
    <li><%= items.item %></li>
<% });%>

Your JS code is basically todos.forEach(item => some_formatting(item)) .

Inside the lambda, you have access to item , not to items.item .

Answer 2

You have looped with "todos.forEach( item => {});" but used " items .item.".

EDITED The Right code is

<% todos.forEach(function (item) { %>
   <li><%= item.item %></li>
<% }) %>