Directive run code on click AngularJS

Question

I created a button with directive and need now on click to call the factory. The problem is when page opened it automatically call code. I need to do this with just one directive.

.directive("addcomment",addcomment);

         function addcomment(){
           var addComment = {
                link: link,
                restrict: "E",
                template: '<input type="submit" addcomments class="btn btn-default pull-right" value="Send" />'
           };

           return addComment;

           function link(scope, element, attrs){
              //RUN FACTORY
                };  
           }
         }

Any solution for this?

Why use a directive? You may as well just call a function in a controller using ng-click — mindparse
– mindparse, Commented Sep 10, 2015 at 19:58

sdgluck · Accepted Answer · 2015-09-10 21:34:18Z

3

So, in your

function link (scope, element, attrs) {
    //RUN FACTORY
}

you need to bind the factory execution to a click event.

function link (scope, element, attrs) {
    element.bind('click', function() {
        //Run the factory here
    });
};

I guess this should work.

edited Sep 10, 2015 at 21:34

sdgluck

27.8k12 gold badges82 silver badges96 bronze badges

answered Sep 10, 2015 at 20:50

akhurad

2041 silver badge6 bronze badges

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

Collectives™ on Stack Overflow

Directive run code on click AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related