Как реализовать с помощью возможностей jade активный пункт в меню?

Question

[lavezzi1]

Здравствуйте, верстаю обьемный проект, где можно повторяющихся элементов, соответственно выношу их в отдельные файлы и include в нужное место. Но как быть с активным пунктов меню? Есть какие то трюки?

Answer 1

[jlekapb]

Я бы сделал на js, но можно и так:
stackoverflow.com/questions/15719660/jade-change-a...

parent.jade

doctype 5

html
  block link
    -var selected = 'home'; //default

  -var menu = { 'home': '/home', 'blog': '/blog', 'contact': '/contact' };

  body
    nav
      ul
        each val, key in menu
          li
            if selected === key
              a.selected(href=val, title=key)= key
            else
              a(href=val, title=key)= key

child.jade

extends parent

block link
  -var selected = 'blog';