call jQuery plugin function using AngularJS

Question

Я потратил много времени, пытаясь вызвать функцию плагина jQuery, используя угловой. До сих пор нет успеха. Я хочу использовать плагин fancybox (jQuery), используя angularJS.

Моя скрипка: http://jsfiddle.net/lukiux666/LyaespL1/ В скрипке установлен jQuery 2.2.1, чтобы вы могли видеть, как это должно выглядеть, но мне нужно то же самое, что использовать только угловые.

Мне нужно вызвать эту функцию в JQuery angularjs:

$(document).ready(function() { 
$(".fancybox").fancybox(); 
}); 

моя последняя попытка была

angular.module('MyApp', []) 
.controller('MyCtrl', [function() { 

angular.element(document).ready(function() { 
    angualr.element(".fancybox").fancybox(); 
}); 
}]); 

мне действительно нужно, чтобы это работало, спасибо большое заранее.

Answer 1

Используйте угловые директивы, я изменить свою скрипку и реализовать с помощью директив,

angular.module('MyApp', []) 

.directive('fancybox', [function() { 
    function link($scope, $element){ 
     $element.fancybox(); 
    } 
    return { 
     restrict: 'AE', 
     link: link 
    } 
}]); 

смотреть Это fiddle