Как сгенерировать загрузочные столбцы 6-6 в Pug JS с данными - PullRequest
Новая
       7

Как сгенерировать загрузочные столбцы 6-6 в Pug JS с данными

0 голосов
/ 24 января 2019

Я начинаю с узла Express.js framework и наткнулся на этот

Я получаю массив Category из API и пытаюсь отобразить эту категорию в столбце 6-6 с начальной загрузкой. но не знаю, как реализовать.

Мой мопс - 

.col-lg-6
  each category in allCategory
    h6.text-uppercase #{category.name}
      each subcategory in category.subcategories
        li.megamenu-list-item
          a.megamenu-list-link(href='/')
            | #{subcategory.name}
.col-lg-6

И я хотел, чтобы мой вывод был таким (после цикла allCategory) - 

<div class="col-lg-6"> //--> First 6 Column
  <h6 class="text-uppercase">Category Name 1</h6>
  <li class="megamenu-list-item">
    <a class="megamenu-list-link" href="/">Subcategory Name 1</a>
    <a class="megamenu-list-link" href="/">Subcategory Name 1</a>
  </li>
  <h6 class="text-uppercase">Category Name 2</h6>
  <li class="megamenu-list-item">
    <a class="megamenu-list-link" href="/">Subcategory Name 2</a>
    <a class="megamenu-list-link" href="/">Subcategory Name 2</a>
  </li>
</div>

<div class="col-lg-6"> //--> Second 6 Column
  <h6 class="text-uppercase">Category Name 3</h6>
  <li class="megamenu-list-item">
    <a class="megamenu-list-link" href="/">Subcategory Name 3</a>
    <a class="megamenu-list-link" href="/">Subcategory Name 3</a>
  </li>
  <h6 class="text-uppercase">Category Name 4</h6>
  <li class="megamenu-list-item">
    <a class="megamenu-list-link" href="/">Subcategory Name 4</a>
    <a class="megamenu-list-link" href="/">Subcategory Name 4</a>
  </li>
</div>

например, Я хотел так - Посмотри это изображение

и я получаю вот так - Посмотри это изображение

...