Блог

Я пытаюсь отобразить изображения из объекта для метода get Http (‘/ campgrounds’). Получить метод Http с помощью массива campgrounds, в котором есть 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.1amp;ixid=eyJhcHBfaWQiOjEyMDd9amp;auto=formatamp;fit=cropamp;w=500amp;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)