jquery - jquery ui コンポーネントを angularjs ディレクティブとしてカプセル化する

Question

基本的に任意の jquery ui コンポーネントを取り、それを angularjs ディレクティブに変換できるライブラリはありますか?

つまり、きちんとした angularjs ui ディレクティブを「無料で」たくさん入手する方法を探しています。

Answer 1

それらをAngular Serviceとして使用しないのはなぜですか?

Angular Controller 内で jQuery Carousel を使用する必要がありました。だから私は Animation というアプリを作成して、このように AnimationService をホストしました

app.js:

'use strict';

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

サービス.js:

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

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

});

その後、Angular アプリに注入する必要があります。

app.js:

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

私のAngular Controllerに注入します：

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

});

最後に、カルーセルを次のように呼び出します (コントローラー内)。

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

最初のパラメーターは要素で、2 番目のパラメーターは jquery.carousel オプションです。

これが役立つことを願っています。さらに説明や例が必要な場合はお知らせください

Answer 2

ここで回答が遅くなりますが、angular-ui プロジェクトには「jQuery Passthrough」と呼ばれるディレクティブがあり、Angular から jquery 関数を簡単に呼び出すことができます。私はそれを数回使用しましたが、私にとってはうまくいきました。

これは特にあなたが求めたものではないと思いますが、独自のディレクティブを記述することなく、Angular から jQuery コードに簡単にフックすることが目標である場合、これはかなりうまく機能します。幸運を。