将jquery ui组件封装为angularjs指令

Question

有没有一个库可以将任何jquery ui组件转换成angularjs指令，而我不需要进行任何配置？

换句话说，我正在寻找一种“免费”获得大量整洁的angularjs ui指令的方法。

Answer 1

你为什么不把它们当做Angular服务来使用呢？

我需要在我的角度控制器中使用jQuery旋转木马。所以我创建了一个名为动画的应用程序来托管我的AnimationService，如下所示

app.js：

'use strict';

var animation = angular.module('animation', []);

service.js：

animation.service('AnimationService', function($timeout) {

    this.carousel = function(element, options) {
        $(element).tinycarousel(options);
    };

});

在那之后，我只需要在我的angular应用程序上注入：

app.js：

var myApp = angular.module('myApp', ['animation']);

在我的角度控制器上注入：

myApp.controller('MyCtrl', function ($scope, $http, AnimationService) {

});

最后，我像这样调用carousel (在我的控制器中)：

AnimationService.carousel('.slider', { pager: true });

第一个参数是元素，第二个参数是jquery.carousel选项。

希望这能有所帮助。如果您需要任何进一步的解释或示例，请告诉我

Answer 2

这里先不说了，但是这个名为"jQuery Passthrough“的angular-ui project has a directive让你可以很容易地从Angular调用一个jquery函数。我已经用过几次了，对我来说，它工作得很好。

我不认为这不是您特别想要的，但是如果目标是从Angular轻松地连接到一些jQuery代码，而不必编写自己的指令，那么这个方法工作得很好。祝好运。