jade-snippet-for-list-iteration

//- compile and see the output online at below URL
    http://jade-lang.com/
 
//- navigation data
-var navLinks = { 'Home': 'home.html', 'About': 'about.html', 'Services': 'services.html', 'Contact': 'contact.html'};
 
//- set default selected item (useful for adding active state for current page navigation link in each page)
- var activeLink = 'Home';
 
nav(role="navigation" aria-label="Primary")
    ul.site-primary-nav
    
        //- iterator
        each val, key in navLinks
          li.nav__link
          
            //- check for acive link and add class
            if activeLink === key
                - activeLink = "nav__link-active"
            else
                - activeLink = ""
            
            //- populate links
            a(href=val class="#{activeLink}")= key