将JQuery树插件转换为Angularjs指令

时间:2014-10-24 09:43:24

标签: jquery angularjs angularjs-directive treeview

下面是我在之前的项目中使用的JQuery树插件

http://www.abeautifulsite.net/jquery-file-tree/

现在我需要将其转换为Angularjs指令。

任何人都可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:2)

终于得到了一个解决方案而且非常简单

App.directive('filetree', function () {
    return {
        restrict: 'A',
        replace: 'true',
        link: function (scope, element, attrs, ngModelCtrl) {
            $(function () {
                $('#container_id').fileTree({
                        root: '/',
                        script: '/Exm/source/vendors/couple/jqueryFileTree.jsp',
                        expandSpeed: 1,
                        collapseSpeed: 1,
                        multiFolder: false
                }, function(file) {
                        alert(file);
                }); 
            });
        }
    }
});