如何使AngularJS中的Smooth Accordion jQuery插件工作

Question

我有一些代碼需要添加到我的AngularJS應用中。 我應該怎么做？ 我知道有Angular手風琴的實現，但這很容易並且確實很好。

 $(function() { var Accordion = function(el, multiple) { this.el = el || {}; this.multiple = multiple || false; // Variables privadas var links = this.el.find('.link'); // Evento links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown) } Accordion.prototype.dropdown = function(e) { var $el = e.data.el; $this = $(this), $next = $this.next(); $next.slideToggle(); $this.parent().toggleClass('open'); if (!e.data.multiple) { $el.find('.submenu').not($next).slideUp().parent().removeClass('open'); }; } var accordion = new Accordion($('#accordion'), false); }); 

Answer 1

經過多次錯誤，我自己想出了一個解決方案。 如果有人會有類似的問題，這是我的代碼：

 angular.module('frontendApp') .directive('accordion', function () { return { link: function (scope, element) { var links = element.find('.link'); links.on('click', function(){ var $this = $(this); var $next = $this.next(); $next.slideToggle(); $this.parent().toggleClass('open'); }); } } }); 

這樣就可以了。