我想在同一个app.get()中多次使用res.render。 每个res.render()应该从一个单独的数据库表中呈现详细信息。
我已经尝试使用Express中间件和next(),但我无法开始工作。
有人能解释一下我如何渲染多个元素吗? 谢啦!
null
app.get("/add-item", getCategories, getPayees);
function getCategories(req, res) {
// Code here
Category.find({}, function (err, categories) {
res.render("add-item", {
savedCategories: categories
});
});
};
function getPayees(req, res) {
// Code here
Payee.find({}, function (err, payees) {
res.render("add-item", {
savedPayees: payees
});
});
};
<form action="/add-item" method="post">
<div class="form-group">
<label for="itemCategory">Category</label>
<select class="form-control form-control-sm" id="itemCategory" name="itemCategory">
<% savedCategories.forEach(function(category) { %>
<option><%= category.name %></option>
<% }); %>
</select>
</div>
<div class="form-group">
<label for="itemPayee">Payee</label>
<select class="form-control form-control-sm" id="itemPayee" name="itemPayee">
<% savedPayees.forEach(function(payee) { %>
<option><%= payee.name %></option>
<% }); %>
</select>
</div>
</div>
<button class="btn btn-primary btn-sm" type="submit" name="submit">Add</button>
</form>
null
您不应该多次调用Res.Render。 相反,将您的数据添加到res.locals,然后呈现页面:
app.get("/add-item", getCategories, getPayees, renderForm);
function getCategories(req, res, next) {
// Code here
Category.find({}, function (err, categories) {
if (err) next(err);
res.locals.savedCategories = categories;
next();
});
};
function getPayees(req, res, next) {
// Code here
Payee.find({}, function (err, payees) {
if (err) next(err);
res.locals.savedPayees = payees;
next();
});
};
function renderForm(req, res) {
res.render("add-item");
};