Express Pug迭代:无法读取属性';长度';未定义的
我在js文件中有以下数据:Express Pug迭代:无法读取属性';长度';未定义的,express,pug,Express,Pug,我在js文件中有以下数据: let data =[ {id:1,type:"action"}, {id:2,type:"comedy"} ]; 并尝试使用帕格模板打印它 doctype html html head title= title link(rel='stylesheet', href='stylesheets/style.css') body table tr th Id
let data =[
{id:1,type:"action"},
{id:2,type:"comedy"}
];
并尝试使用帕格模板打印它
doctype html
html
head
title= title
link(rel='stylesheet', href='stylesheets/style.css')
body
table
tr
th Id
th Type
each post in data
tr
td #{post.id}
td #{post.type}
block content
我得到的错误是在每一个post行“无法读取未定义的属性'length'”
app.js:
var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var app = express();
let data =[
{id:1,type:"action"},
{id:2,type:"comedy"}
];
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', indexRouter);
app.use('/users', usersRouter);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get('env') === 'development' ? err : {};
// render the error page
res.status(err.status || 500);
res.render('error');
});
module.exports = app;
index.js:
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Movies' });
});
module.exports = router;
试试这个:
index.js:
let data =[
{id:1,type:"action"},
{id:2,type:"comedy"}
];
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', { title: 'Movies', data }); // you forgot passing the data array
})
另一个解决办法是:
在app.js
中,您可以执行以下操作:
var app = express();
let data =[
{id:1,type:"action"},
{id:2,type:"comedy"}
];
app.locals.data = data; //added
现在,您可以访问应用程序中呈现的模板中的局部变量,这意味着您不需要在
render()中传递此数据
方法请提供您的ExpressJs代码添加的建议请尝试将您的数据
移动到index.js
文件如果我将其移动到index.js,它会工作。但是如何从app.js访问它?导出它,然后包含在文件中?这些都是js基础。或者如果我必须访问json文件中的数据?@MohammedAjmal inapp.js
您可以设置app.locals.data=data
并在index.js
中获取它。有关更多信息,请参见: