Как отобразить динамическое c количество карточек на новой странице в зависимости от данных, полученных по запросу в nodejs? - PullRequest
Новая
       23

Как отобразить динамическое c количество карточек на новой странице в зависимости от данных, полученных по запросу в nodejs?

0 голосов
/ 25 апреля 2020 
doctype html
html(lang='en')
  head
    meta(charset='UTF-8')
    title Property List
    link(rel='stylesheet', href='/stylesheets/prop-list-style.css')
  body
    // partial:index.partial.html  https://picsum.photos/500/300/?image=10
    .main
      h1(data-text='Property List') Property List
      ul.cards
        li.cards_item
          .card
            .card_image
              img(src='https://picsum.photos/500/300/?image=10')
            .card_content
              h2.card_title Antila Housing
              p.card_text 3 BHK
              p.card_text Price: 70 Lakhs
              a(href='description.html')
                button.btn.card_btn Find Out More
        li.cards_item
          .card
            .card_image
              img(src='https://picsum.photos/500/300/?image=5')
            .card_content
              h2.card_title Akash Housing
              p.card_text 2 BHK
              p.card_text Price: 55 Lakhs
              a(href='description.html')
                button.btn.card_btn Find out more
        li.cards_item
          .card
            .card_image
              img(src='https://picsum.photos/500/300/?image=11')
            .card_content
              h2.card_title Sky Valley Housing
              p.card_text 1 BHK
              p.card_text Price: 40 Lakhs
              a(href='description.html')
                button.btn.card_btn Find out more
        li.cards_item
          .card
            .card_image
              img(src='https://picsum.photos/500/300/?image=14')
            .card_content
              h2.card_title Ariana Apartment
              p.card_text 2 BHK
              p.card_text Price: 50 Lakhs
              button.btn.card_btn Find Out More
        li.cards_item
          .card
            .card_image
              img(src='https://picsum.photos/500/300/?image=17')
            .card_content
              h2.card_title Apartment 51
              p.card_text 1 BHK
              p.card_text Price: 43 Lakhs
              button.btn.card_btn Find Out More
        li.cards_item
          .card
            .card_image
              img(src='https://picsum.photos/500/300/?image=2')
            .card_content
              h2.card_title Apartment Aloha
              p.card_text 1 BHK
              p.card_text Price: 54 Lakhs
              button.btn.card_btn Find Out More
    // partial

У меня есть этот файл шаблона Jade, который я хочу отрендерить. 

   console.log(rowi[0]);
                    //Render the list on next page
                    // rowi is the array of object containing the result of a query.
                    res.render('propList');

Функция рендеринга будет вызываться с помощью res.render ('proplist'), который отображает файл Jade на в браузере.

Как я могу сделать количество карт динамически c на отображаемой странице в зависимости от количества объектов, полученных в результате запроса в другом файле маршрута js?

Пожалуйста, укажите конкретные c изменения, которые я должен сделать.

...