angularjs - Angular multi-select and jQuery plugin -

I want to use angular to multi-select with this dropdown:

 < Code> Http://tympanus.net/Development/ResponsiveMultiLevelMenu/index5.html  

Structure works with jQuery, but when I want to add AngularJS I have problems only the first level Which works. Maybe this is a scope problem, but I do not master it very well.

Here is a demo that works with jQuery (expand to display the visible window properly)

  http://jsfiddle.net/x6h54vey  

This is my directive:

  app.directive ('selectfilter', function () {return {restricted: 'e', ​​template url: " Selection-filter.html ", Controller: function () {this.filters = filters_tab;}, Controller AS:" selectfilter ", link: function (scope, AMM, ethers) {// call PLUGIN DLMENU $ (elem). Dlmenu ({Animation class: {classin: 'dl-animate-in-4', classout: 'dl-animate-out-4'}})}}};});  

My Directive Template:

  & lt; Button class = "dl-trigger" & gt; Filter & lt; / Button & gt; & Lt; Ul class = "dl-menu" & gt; & Lt; Li ng-repeat = "selectfilter.filters | In order list: order '' ng-include =" 'field_renderer.html' & gt; & Lt; / Li & gt; & Lt ;! - recurring template - & gt; & Lt; Script type = "text / ng-template" id = "field_renderer.html" & gt; & Lt; A ng-if = "list.childs" href = "#" & gt; {{List.name}} & lt; / A & gt; & Lt; A ng-if = "! List.childs" class = "option" ng-square = "{active: hover}" href = "#" & gt; {{List.name}} & lt; / A & gt; & Lt; Ul ng-if = "list.childs" class = "DL-submenu" & gt; & Lt; Li ng-repeat = "list.childs in list | order: 'command'" ng-include = "'field_renderer.html'" & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Script & gt; & Lt; / Ul & gt;  

And my demo is the first level that works:

  http://plnkr.co/edit/NCLnd3DB8X7LA80J6hJE  

In addition, if you have advice to customize it.

Thank you!