使用 AngularJS 调用 jQuery 插件函数

Question

我花了很多时间尝试使用 angular 调用 jQuery 插件函数。到目前为止没有成功。我想使用 fancybox(jQuery) 插件使用 angularJS.

我的 fiddle: http://jsfiddle.net/lukiux666/LyaespL1/ fiddle 设置为 jQuery 2.2.1 所以你可以看到它的外观，但我只需要使用相同的angular.

我需要在 angularjs 中调用此函数 jquery：

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

我最后一次尝试是

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

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

我真的需要这个来工作，非常感谢你。

Answer 1

使用angular指令，我改变你的fiddle并用指令实现，

angular.module('MyApp', [])

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

看这个fiddle

使用 AngularJS 调用 jQuery 插件函数

call jQuery plugin function using AngularJS

javascript

jquery

jquery-plugins

angularjs