Question

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

我的小提琴：http://jsfiddle.net/lukiux666/LyaespL1/小提琴设置为jQuery 2.2.1，所以你可以看到它的外观，但我只需要使用角度。

我需要在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.module('MyApp', [])

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

看这个fiddle

使用AngularJS调用jQuery插件函数

1 个答案: