title: Using Express Handlebars and Angular JS
body: <h2>Background</h2>
  
  <p>I am currently building a website that uses <a href="http://nodejs.org/" rel="noreferrer">NodeJS</a> for the server, <a href="https://www.npmjs.org/package/express3-handlebars" rel="noreferrer">Express Handlebars</a>(Just <a href="http://handlebarsjs.com/" rel="noreferrer">Handlebars</a> but server side) , and hopefully <a href="https://angularjs.org/" rel="noreferrer">AngularJS</a> for some client side stuff.</p>
  
  <p><br></p>
  
  <h2>The Problem</h2>
  
  <p>AngularJS and Handlebars use the same syntax for templating<br>
  <code>{{foo}}</code><br>
  This causes a problem where AngularJS code will be interpreted by Express Handlebars first, which will then throw an error because the data it is trying to pull only exists in Angular not Node.</p>
  
  <p><br></p>
  
  <h2>The Question</h2>
  
  <p>Is there a way to get AngularJS and Express Handlebars to work together? </p>
  
  <p><br></p>
  
  <h2>Possible Solutions</h2>
  
  <ul>
  <li>Change the syntax of AngularJS
  
  <ul>
  <li>I was looking at BackboneJS and it looks like it is possible to change the syntax. There could possibly be something similar is AngularJS.</li>
  </ul></li>
  <li>Create a <code>ng</code> helper in Express Handlebars. 
  
  <ul>
  <li>It would just return its un-parsed content. However I couldn't figure out how to do this.</li>
  </ul></li>
  </ul>