Angularjs directive ng-click not triggering

Question

Here is my plnkr http://plnkr.co/edit/U5WiZzhX31ifux33enYh

I'm writing a in-place editor directive. It works as expected first time but subsequent times Save or Cancel buttons does not work. Why is that?

In plnkr when I click Save or Cancel 2nd time, it does nothing but in my local dev environment it reloads page.

I'm angular newbie, appreciate your help. Thanks!

bmleite · Accepted Answer · 2013-01-21 15:11:48Z

4

If you remove the editor element from the DOM you will have to recompile the template before adding it again, or otherwise you will loose access to the scope.

Change your show function to something like this:

function show(){        
    editor = $compile(template)(scope);
    element.after(editor);
    element.hide();
}

answered Jan 21, 2013 at 15:11

bmleite

26.9k4 gold badges74 silver badges46 bronze badges

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

1 Comment

Amitava Over a year ago

Thanks, that was really simple! I had a feeling that I was losing binding but I got confused since the template was coming up every time; didn't know I was losing scope.

Collectives™ on Stack Overflow

Angularjs directive ng-click not triggering

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related