title: call jQuery plugin function using AngularJS
body: <p>i spent a lot of time trying to call jQuery plugin function using angular. So far no success. I want to use fancybox(jQuery) plugin using angularJS.</p>
  
  <p>My fiddle: <a href="http://jsfiddle.net/lukiux666/LyaespL1/" rel="nofollow">http://jsfiddle.net/lukiux666/LyaespL1/</a> fiddle is set to jQuery 2.2.1 so you can see how it has to look, but i need the same using only angular.</p>
  
  <p>I need to call this function jquery in angularjs:  </p>
  
  <pre><code>$(document).ready(function() {
  $(".fancybox").fancybox(); 
   });
  </code></pre>
  
  <p>my last attempt was </p>
  
  <pre><code>angular.module('MyApp', [])
  .controller('MyCtrl', [function() {
  
  angular.element(document).ready(function () {
      angualr.element(".fancybox").fancybox();
  });
  }]);
  </code></pre>
  
  <p>I really need this to work, thank you so much in advance.</p>