javascript between jade file failed

Question

My below code broken

span 
    a.active(href="#{code}")
    - myArr.forEach(entry){
      if(entry.code == code){
        #{entry.ItemName}  
      }
    }

My expected result is

<span><a href="John">John James</a></span>

Answer 1

You're mixing javascript to be executed by Jade with output code. Use this:

span 
  a.active(href = code)
    each entry in myArr
      if entry.code == code
        = entry.ItemName

Changes:

• use each...in
• use tag = variable for interpolation when possible, not #{variable}
• Jade doesn't have brackets, it's indentation based
• if doesn't need parens