如何用Express/PUG动态渲染异步函数输出?
我想动态显示使用此异步函数获得的变量:
async function makeGetRequest() {
res = await axios.get(url);
xml2js.parseString(res.data, function (err, file) {
return file.item[0].title; });
}
makeGetRequest().then(console.log);
**OUTPUT: TITLE:[object Promise]**
不是像上面的代码片断那样记录该值,我希望将该值传递给Express呈现器,以便在页面上动态呈现该值:
app.get('/dynamic', function(req, res){
res.render('dynamic', {
title: title_value_here;
});
});
有人能演示一下如何实现这一点吗?
我尝试将异步输出存储在变量中,然后将其传递给渲染器,但得到以下结果:
let out= await makeGetRequest();
console.log(author);
SyntaxError: await is only valid in async functions and the top level bodies of modules
解决方案
目前PUG语言不支持异步/等待。这意味着您必须等待结果并传递给此答案所建议的模板:https://stackoverflow.com/a/68302690/10343551
这里有一个关于将异步添加到PUG语言的(一段时间前)标记为已关闭的问题。其中一位贡献者谈到帕格斯设计是同步的:https://github.com/pugjs/pug/issues/2206#issuecomment-169881732据我所知(截至2021年12月)还没有添加异步。这意味着您不能在模板内部等待,而必须在呈现模板并传递它之前执行此操作。
相关文章