AngularJS Directive Template dont execute Javascript

Question

I have a Problem with my AngularJS Directive named "showFileBrowser". I want to use Javascript in my Template but it will not be execute in my Browser. Here is my Code:

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

Someone know why I cant execute Javascript in a Directive or know how to do it?

anotherdev · Accepted Answer · 2016-04-14 15:21:34Z

2

You dont need to use the id, use 'element' directly.

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

answered Apr 14, 2016 at 15:21

anotherdev

2,5671 gold badge16 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Marvin K Over a year ago

Thank you for the advice with the element parameter. But still it dont work.

anotherdev Over a year ago

you console may have fired errors, like a problem with filedata because i failed, it's $scope.filedata and not scope.filedata. try to put console.log to help you

Marvin K Over a year ago

No my console dont show anything. It look like everything works fine. My answer show you one method that works.

Marvin K · Accepted Answer · 2016-04-14 15:29:18Z

0

It works fine if I return a function, but i prefer return an Object.

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

answered Apr 14, 2016 at 15:29

Marvin K

3441 gold badge3 silver badges16 bronze badges

Collectives™ on Stack Overflow

AngularJS Directive Template dont execute Javascript

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related