jquery - 将 jquery ui 组件封装为 angularjs 指令

Question

是否有可用的库基本上可以采用任何 jquery ui 组件并将其转换为 angularjs 指令，而我需要零配置？

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

Answer 1

为什么不将它们用作 Angular 服务？

我需要在我的 Angular 控制器中使用 jQuery Carousel。所以我创建了一个名为 Animation 的应用程序来像这样托管我的 AnimationService

应用程序.js：

'use strict';

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

服务.js：

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

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

});

之后，我只需要注入我的 Angular 应用程序：

应用程序.js：

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

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

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

});

最后我这样调用轮播（在我的控制器内）：

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

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

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

Answer 2

这里的答案迟到了，但是angular-ui 项目有一个名为“jQuery Passthrough”的指令，它可以让你很容易地从 Angular 调用 jquery 函数。我已经用过几次了，对我来说效果很好。

我不认为这不是您特别要求的，但如果目标是轻松地从 Angular 挂钩到一些 jQuery 代码，而无需编写自己的指令，那么这很有效。祝你好运。