pug反復内の要素にクラスを追加

このPUG反復にクラスを追加する際には、任意の1つのli項目要素を追加する必要があります。私がこれに間違って近づいているかどうかはわかりません。pug反復内の要素にクラスを追加

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>

2017-01-31 UsmanA

あなたli要素の属性リスト内の三項演算子であることを行うことができます、しかし、問題の状況が許すならば

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

私はCSSの擬似クラス（:first-childなど）を使用して、よりクリーンな方法でこれを実現することをお勧めします:)

2017-01-31 14:55:00 gandreadis

残念なことに、このクラスを他のアイテムに追加する可能性があるため、擬似クラスを使用することはできませんでした。これを反映するようにチケットを更新しました。 – UsmanA

私は[this CodePen]（https://codepen.io/anon/pen/pRaRyz）で作業しています（可能な限りあなたの仕様に従ってください）。私が逃したものはありますか？ – gandreadis

私の悪い、値下がりの後にカンマがあった。完了したおかげさま:) – UsmanA

答えて