title: using element.AddClass to add an angular js directive, which is restricted to act as a 'class'
body: <p>I made a directive in angular js restricted it to act as a class and this  directive makes my element drag-able.</p>
  
  <p>On mousehover i want to do addClass and  add this directive which is supposedly a class, but this doesnt give the desired result, am i missing something? below is what I am doing</p>
  
  <pre><code>module.directive('myDraggable', function ($document) {
  
     var directiveObject= {
  
     restrict:'AC',
  
  //logic of dragging
  }
  return directiveObject;
  });
  </code></pre>
  
  <p>i try to do </p>
  
  <pre><code> element.addClass('myDraggable'); // but this fails! pls help
  </code></pre>