Добавить класс к элементу внутри итерации pug

Question

Мне нужна помощь в добавлении класса к этой итерации PUG в любой элемент элемента li. Не уверен, что я приближаюсь к этому неправильно.

each val, index in ['one', 'two', 'three'] 
    li 
     a(href='#')= val 

Обязательный выход

<ul> 
    <li class="foo"><a href="#">One</a></li> 
    <li><a href="#">Two</a></li> 
    <li><a href="#">Three</a></li> 
</ul> 

Answer 1

Вы можете сделать это с тройным оператором в списке атрибутов вашего li элемента:

each val, index in ['one', 'two', 'three'] 
    li(class= (index === 0 ? "foo" : undefined)) 
     a(href='#')= val 

Если разрешения проблемной ситуации, однако, Я бы предложил использовать псевдо-классы CSS (например, :first-child), чтобы достичь этого более чистым способом :)