Question

我的AngularJS指令有问题，名为＆＃34; showFileBrowser＆＃34;。我想在我的模板中使用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});
        }
    }
});

Answer 2

如果我返回一个函数，它工作正常，但我更喜欢返回一个Object。

 app.directive("showFileBrowser", function() {
    return function(scope, element, attr) {
        $(element).fileTree({data: scope.filedata,sortable: false,selectable: false});
   }       
});

AngularJS指令模板不执行Javascript

2 个答案: