title: Jade/Pug - appending to a class name
body: <p>Hello I have a unique id in an object and I want to append it to a class name. I am trying to do something like the following but it isn't working:</p>
  
  <p>myJadeFile:</p>
  
  <pre><code>.googleChartContainer-#{attendanceAnalytics.uid}
  </code></pre>
  
  <p>myRoute.js:</p>
  
  <pre><code>res.render('./edu/school_dashboard_elementary', { attendanceAnalytics:attendanceChart });
  </code></pre>
  
  <p>I suppose I could create a class name in my route and send it as a variable with something like:</p>
  
  <pre><code>var className = '.googleChartContainer-attendanceChart.uid}';
  res.render('./edu/school_dashboard_elementary', { attendanceAnalytics:attendanceChart, attendanceClassName:className });
  </code></pre>
  
  <p>and then in the jade file:</p>
  
  <pre><code>#{attendanceClassName} //- output is .googleChartContainer-someUid?
  </code></pre>
  
  <p>I was wondering if there was a way to get the first approach to work correctly, or if there is another preferred way.</p>
  
  <p>Thanks!</p>