title: Angularjs Directive not working "Unexpected token"
body: <p>So am using 1.20 rc2 and trying to implement a directive:</p>
  
  <pre><code>var directives = angular.module('directives', ['controllers']);
  
  directives.directive("drink", function()
  {
  return 
  {
      template: '&lt;div&gt;{{flavor}}&lt;/div&gt;',
      link: function(scope){
          scope.flavor = "cherry";
      }
  }
  });
  </code></pre>
  
  <p>the directive gets called in the main JS file</p>
  
  <pre><code> var comsumerApp = angular.module('comsumerApp', ['ngRoute','controllers', 'services', 'directives']);
  </code></pre>
  
  <p>All the controllers work as do the services but when trying to do this I get this error:</p>
  
  <blockquote>
    <p>"Uncaught SyntaxError: Unexpected token : "</p>
  </blockquote>
  
  <p>then I get the</p>
  
  <blockquote>
    <p>$injector:modulerr error.</p>
  </blockquote>
  
  <p>Commenting out the "drink" directive stops this error so obviously it's something to do with the : or something.</p>
  
  <p>Can anyone shine a light on this problem I'm totally lost.</p>
  
  <p>Thanks. </p>