title: Angular directive link method giving back element as object
body: <p>This is my Angular code:</p>
  
  <pre><code>angular.module('player', [])
  .directive('playButton', function() {
      return {
          restrict: 'A',
                      /* I want to get the element parameter bellow as HTMl, 
                      not an object with an element stored within.
                      I don't want to access the HTML element as element[0]*/
          link: function($scope, /* this parameter -&gt; */ element, attr) {
              console.log(typeof(element));
              // element[0].addEvent('click', function() {
              //  console.log('Moo!');
              // });
          }
      }
  })
  </code></pre>
  
  <p>What i want to achieve is getting the element parameter within the link method as html, so that i can manipulate it with MooTools. Is there any way to prevent the use of the [0] after the element variable?</p>