Pug：ファイル名に基づいてクラスを切り替える

Question

私はいくつかのhtmlファイルを構築するためにPugを使用しており、partials/nav.pugファイルにあるnavbarを持っています。 file2.htmlで次に

<ul> 
    <li class="active"><a href="">File 1</a></li> 
    <li><a href="">File 2</a></li> 
</ul> 

：私が実行したときに、私は希望

：ページ/file1.html上にある場合

pug.renderFile('file1.pug', {file: 'file1'}); 
pug.renderFile('file2.pug', {file: 'file2'}); 

次にfile1.htmlにNAVで私の項目をファイルには、アクティブなクラスを取得しますページが/file2.htmlの場合、アクティブなクラスは2番目の要素にあります。

ul 
    li(class=#{file} == 'file1.html' ? 'active' : ''): a(href='/file2.html') File 1 
    li(class=#{file} == 'file2.html' ? 'active' : ''): a(href='/file1.html') File 2 

Answer 1

まあそれは私がちょうど、と思ったまさに基本的だった：ここ

は、私はこれが（私は本当にこれはパグで行われることになるのか分からない）行うことができるどのように考えるかの基本的な推測です中括弧を移動して、その前に$を使用する必要がありました。here is the doc describing that：

ul 
    li(class=`${file == 'file1.html' ? 'active' : ''}`): a(href='/file2.html') File 1 
    li(class=`${file == 'file2.html' ? 'active' : ''}`): a(href='/file1.html') File 2