NodeJS Express:发现错误后重新填充表单

Question

我想我真的快要弄清楚了。我只是在发现错误后尝试重新填充我的表单数据。在下面的示例中，年龄和platelet_count都应该重新填充，但它们没有。

型号名称：商店.js

storeController.js
exports.store_create_post = [
body('age', 'Please enter age').isLength({ min:1 }),
body('platelet_count', 'Please enter platelet count').isLength({ min: 1 }),

// sanitizeBody('age').escape(),
(req, res, next) => {
//Extract the validation errors from a request.
const errors = validationResult(req);
//Store form values for post data when error caught
var predModel = new Store(
{ 
age: req.body.age, 
platelet_count: req.body.platelet_count
}
);
if (!errors.isEmpty()) {
//Validation or Sanitation checks did not pass
res.render('predictionModel', {title: 'Risk Calculator', Store: predModel, errors: errors.array()});
return;
}

我认为我的问题是我无法弄清楚res.render(商店：predModel)中的参数在做什么。我可以向后切换参数(predModel：Store)，它仍然工作相同。

以下是我的路线：

index.js
//Get request for PredctionModel Form
router.get('/predictionModel', storeController.store_create_get);
//Post request for PredictionModel
router.post('/predictionModel', storeController.store_create_post);

任何建议不胜感激。

更新。这是我的表单页面，其中大部分内容被删除以便于查看：

_modelForm.pug
mixin predictionModelForm(store = {})

form(action="/predictionModel" method="POST" class="card")
label(for="age") How old is the patient (years)?    
input(type='number', name='age', style='width: 100px;', placeholder="40-89")
input(type="submit" value="Predicted Risks" class="button" style='width: 50%;')

Answer 1

不要将构造函数和呈现的对象一起使用。定义简单对象

var predModel = { 
age: req.body.age, 
platelet_count: req.body.platelet_count 
} 

并像这样渲染

res.render('predictionModel', {title: 'Risk Calculator', predModel: predModel, errors: errors.array()});

在您的输入中，您可以通过这种方式增加价值。

input(type='number', name='age', style='width: 100px;', value=predModel.age, placeholder="40-89")

此外，由于您渲染相同的 pug 文件，您应该检查您渲染的属性(例如predModel)是否未定义。