![](/img/trans.png)
[英]carousel in ejs and node.js not working while using foreach loop
[英]Node js and ejs using loop
我是node.js的新手,現在我面臨EJS模板的問題。 我注意到我的for
循環雖然沒有通過EJS模板運行。 我試圖制作一個非常基本的待辦事項應用程序。
這是我所做的項目的層次結構
這是我的App js模塊
let express = require('express');
let todoController = require('./Controller/todoController')
let app = express()
app.set('view engine', 'ejs');
todoController(app);
app.listen(3000,function(){
console.log('server started on http://localhost:3000');
})
todoController.js
let toDoList = ['Go to university','Smoking sigrate'];
module.exports= function(app){
app.get('/', function(req, res){
res.render('index.ejs', {toDoList: toDoList});
});
app.get ("*", function(req,res){
res.send("<h1>Invalid page</h1>");
})
}
index.ejs
<!DOCTYPE html>
<html lang="en">
<head>
<title>Todo</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
crossorigin="anonymous">
</head>
<body>
<!-- As a heading -->
<nav class="navbar navbar-light bg-dark">
<span class="navbar-brand mb-0 h1 text-white">Todo List</span>
</nav>
<br><br>
<div class="container">
<form>
<div class="form-group text-white bg-dark">
<label for="formGroupExampleInput2">Enter to do item</label>
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Input a item to do list....">
<input type="submit" class="form-control bg-primary text-white h3" >
</div>
</form>
</div>
<br><br>
<div class="row">
<ul class="col-6 mx-auto" >
<% for(let i =0; toDoList.length; i++){ %>
<li> <%= toDoList[i] %> </li>
<% } %>
</ul>
</div>
</body>
</html>
您缺少循環條件
<% for(let i =0;i < toDoList.length; i++){ %>
<li> <%= toDoList[i] %> </li>
<% } %>
<% for(let i =0; i<toDoList.length; i++){ %>
<li> <%= toDoList[i] %> </li>
<% } %>
使用i <todoList.length。 否則,它是一個無限循環。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.