title: Coffeescript Directive replace html from JSON
body: <p>I am a newbie to both coffeescript and user-defined directives.</p>
  
  <p>JSON Object</p>
  
  <pre><code>["Comments": "Some text &amp;#150; more text"]
  </code></pre>
  
  <p>The database has html hyphens "-" in the JSON data being returned.</p>
  
  <p>My Directive:</p>
  
  <pre><code>@mWebApp.directive 'customerComments', [ -&gt;
    restrict: 'E',
    template: '&lt;li&gt;{{ customer.0.Comments }}&lt;/li&gt;'
  ]
  </code></pre>
  
  <p>My Html in public/templates/customers/show.html</p>
  
  <pre><code>&lt;customer-comments&gt;&lt;/customer-comments&gt;
  </code></pre>
  
  <p>This is what renders:</p>
  
  <pre><code>&lt;customer-comments&gt;
    &lt;li&gt;Some text &amp;#150; more text&lt;/li&gt;
  &lt;/customer-comments&gt;
  </code></pre>
  
  <p>Which is great, except for the <code>&amp;amp;#150;</code> appearing.</p>
  
  <p>Can I use the directive to find <code>&amp;amp;#150</code>; within the JSON data and replace it on the page with an actual hyphen or em-dash "-"</p>