title: AngularJS + Coffeescript - 'Hello World' directive not working
body: <p>I can't make the simplest of directives work in my AngularJS + Coffeescript project.</p>
  
  <p>I have this code in directives.coffee:</p>
  
  <pre><code>'use strict'
  app_name = "myApp"
  app = angular.module "#{app_name}.directives", []
  
  # Directive to include the version number of my project
  app.directive 'appVersion', [
  'version', (version) -&gt;
      (scope, element, attrs) -&gt;
      element.text version
  ]
  
  # Hello world directive
  app.directive 'hello', () -&gt;
      restict: 'E'
      template: '&lt;div&gt;Hello World&lt;/div&gt;'
  </code></pre>
  
  <p>And in my template, when I do </p>
  
  <pre><code>&lt;span app-version&gt;&lt;/span&gt;
  &lt;hello&gt;&lt;/hello&gt;
  </code></pre>
  
  <p>then the version number appears (0.1), showing that the first directive works properly, but the  tag does not get replaced by anything. </p>
  
  <p>Any idea what I did wrong?</p>
  
  <p>I also tried this, which didn't work either:</p>
  
  <pre><code># Hello world directive
  app.directive 'hello', -&gt;
      class Habit
          constructor: -&gt;
              restict: 'E'
              template: '&lt;div&gt;Hello World&lt;/div&gt;'
  </code></pre>