title: angular directive does not render
body: <p>I'm having problems with angular directives. I created a custom directive but it's not appearing and i don't know why. I can access the view specified in templateUrl with using localhost.</p>
  
  <p>If somebody could help me that would just be great.</p>
  
  <p>Thanks.</p>
  
  <p>messageListDirective.js</p>
  
  <pre><code>angular.module('neat')
      .directive('message-list', function() {
          return {
              restrict: 'E',
              templateUrl: '/views/utils/messageList.html'
          }
      });
  </code></pre>
  
  <p>messageList.html</p>
  
  <pre><code>&lt;h4&gt;MESSAGE LIST&lt;/h4&gt;
  </code></pre>
  
  <p>And the view where I'm using the directive:</p>
  
  <p>messageBoard.html</p>
  
  <pre><code>&lt;message-list&gt;&lt;/message-list&gt;
  </code></pre>