title: angularjs custom directive not working
body: <p>I added my custom attribute to my application like this </p>
  
  <pre><code>'use strict';
  
  myApp.directive('orientable', function () {
    return {
      restrict: 'A',
      link: function (scope, element, attrs, controller) {
        element.bind("load", function (e) {
          console.log('test');
          /* my code is here*/
  
        });
  
      }
    }
  });
  </code></pre>
  
  <p>Add using this in my view like this </p>
  
  <pre><code>&lt;div class="xyz" orientable&gt;&lt;/div&gt;
  </code></pre>
  
  <p>but it is not calling link function, what I am doing wrong. </p>