如何將jQuery控件包裝爲角度指令？

Question

我想在一個角度應用程序使用此標記UI控制

https://github.com/aehlke/tag-it

沒有棱角，您只需將初始化

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#myTags").tagit(); 
    }); 
</script> 

它會變成任何有序列表命名myTags到交互式標籤

<ul id="myTags"> 
    <li>Tag1</li> 
    <li>Tag2</li> 
</ul> 

這裏是一個小型抄襲 http://screencast.com/t/vWng1BgUc1M7

現在的問題是 - 如何包裝，以角工作？我需要將塊放在局部視圖內。這意味着它不適用於jQuery初始化例程，因此不起作用。

我有一些jQuery控件我需要打包，我想了解處理它們的最佳方法。謝謝！

Answer 1

。假定你在一個腳本標籤引用JQuery的之前你引用角度，應該是這麼簡單：

app.directive('tagIt', function(){ 
    return function(scope, elem) { 
     elem.tagit(); 
    } 
}); 

然後：

<ul id="myTags" tag-it> ... </ul>