Как в pug обратиться к первому элементу цикла each?

Question

[Вадим В]

each index in items
  li.blog-nav__item= index.title

Как мне первому item поставить класс active. То есть что бы только первый элемент получал вседа класс active?

Answer 1

[Вадим Белкин]

Нашел у себя в старом коде такой вариант

ul.breadcrumb
        each item, i in items
            li.breadcrumb__item
                if i < items.length - 1
                    a.breadcrumb__link(href="#") #{item}
                else
                    span.breadcrumb__link.current #{item}

думаю вам его можно переделать в такой

each item, index in items
  if index == 0
    li.blog-nav__item.active= item.title
  else
    li.blog-nav__item= item.title

Comments

[Artles777]

Спасибо за пример, смог с помощью примера реализовать данный код:

ul.navbar__menu
        each list, index in items.length ? items : ['Home', 'About Us', 'Services', 'Careers', 'News', 'Documentation']
            if index === 0
                li.navbar__item(style={display: 'inline'}): a.navbar_link(href=`/${list}`, class="active")= list
            else
                li.navbar__item(style={display: 'inline'}): a.navbar__link(href=`/${list}`)= list