將jquery ui組件封裝爲angularjs指令

是否有可用的庫，可以基本上接受任何jquery ui組件並將其轉換爲angularjs指令，並且在我的部分中需要零配置？將jquery ui組件封裝爲angularjs指令

換句話說，我正在尋找一種可以免費獲得大量整潔的angularjs ui指令的方法。

2013-08-02 themirror

我懷疑這一點，角度和jQuery有去的事情不同的方式，jQuery的直接操縱的DOM，並依賴於整個DOM尋找特定的元素，使操作。我認爲這不是jQuery本身的缺陷，而是更多使用它的普遍未受訓練的大衆。 AngularUI對我來說非常有用，否則我剛剛發現了github項目，目的是爲了達到我的目的。 http://angular-ui.github.io/您缺少的特定UI組件類型將有所幫助。 – shaunhusain

爲什麼不使用它們作爲Angular Service？

我需要在我的Angular Controller中使用jQuery Carousel。所以，我創建了一個名爲動畫主辦我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); 
    }; 

});

我只需要我的角度應用注入之後：

app.js：

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

進樣在我的角度控制器：

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

});

最後我稱這樣的圓盤傳送帶（我的控制器內）：

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

第一個參數是所述元件和所述第二個是jquery.carousel選項。

希望這可以幫助。讓我知道如果你需要任何進一步的解釋或例子

來源

2013-08-02 17:39:40

這是一個令人敬畏的答案，寫得非常好，但它並沒有回答關於指令的問題。無論如何Gj！ – themirror

他可以在他的指令文件上使用該服務。但是我沒有閱讀「我需要零配置」的東西。所以我想我的答案是錯誤的，我不認爲有辦法做到這一點:( –

遲到的答案在這裏，但angular-ui project has a directive稱爲「jQuery Passthrough」，它可以讓你很容易地從Angular調用jquery函數。我用了很多次，對我來說它工作得很好。

我不認爲這是沒有具體你問什麼，但如果我們的目標是很容易鉤到來自角一些jQuery代碼，而無需編寫自己的指令，那麼這工作得很好。祝你好運。

來源

2014-01-20 14:10:41

將jquery ui組件封裝爲angularjs指令

回答

相關問題