Мопс: класс переключения на основе имени файла

Я использую Pug для создания некоторых html-файлов, и у меня есть navbar, который находится в partials/nav.pugфайле.

Я хотел бы, когда я бегу:

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

Затем в file1.htmlфайле my item in the nav получает активный класс, если вы находитесь на странице /file1.html:

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

Тогда в file2.htmlактивном классе находится второй элемент, если вы находитесь на странице /file2.html.

Вот основная догадка о том, как я думаю, что это может быть сделано (я действительно не знаю, как это будет сделано в мопсе):

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

1 ответ