如何解决在Pug / Jade模板引擎中显示图像
我试图显示来自对象的图像以获得Http方法('/ campgrounds')。使用Campgrounds数组获取Http方法具有3个具有2个属性的对象 如何在首页中显示图像链接?
app.set("view engine","pug");
app.get('/campgrounds',(req,res) => {
const campgrounds = [
{
Name: "Name1",Image: "https://images.unsplash.com/photo-1571687949921-1306bfb24b72?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60"
},];
res.render("campgrounds",{ campgrounds: campgrounds });
});
这是 campgrounds.pug 页面
html
head
body
h1 This is the Campgrounds Page!
each val in campgrounds
ul
li=val.Name
li=img(src=val.Image) // get the images as stirng links
解决方法
缩进img
标签:
each val in campgrounds
ul
li=val.Name
li
img(src=val.Image)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。