javascript - AngularJS指令模板不执行Javascript

Question

我的 AngularJS 指令“showFileBrowser”有问题。我想在我的模板中使用 Javascript，但它不会在我的浏览器中执行。这是我的代码:

app.directive("showFileBrowser", function() {
    return {
        restrict: 'E',
        template: '<script>$("#searchNote").fileTree({data: scope.filedata,sortable: false,selectable: false});</script>'
    }
});

有人知道为什么我无法在指令中执行 Javascript 或知道如何执行？

Answer 1

不需要使用id，直接使用'element'。

app.directive("showFileBrowser", function() {
    return {
        restrict: 'E',
        link: function($scope, element, attrs) {    
          $(element).fileTree({data: scope.filedata,sortable: false,selectable: false});
        }
    }
});