javascript - angularjs ng-click and href on anchor - Stack Overflow

admin管理员组

文章数量:1306912

If there's an ng-click and a href together on an anchor the ng-click doesn't work. I want both to work if possible, go to a route and then run a function. My use-case is I have a drawer open with a panel of links, when going to a link I want to close the drawer.

What's an easy way to get both working at the same time?

If there's an ng-click and a href together on an anchor the ng-click doesn't work. I want both to work if possible, go to a route and then run a function. My use-case is I have a drawer open with a panel of links, when going to a link I want to close the drawer.

What's an easy way to get both working at the same time?

• javascript
• angularjs
• angularjs-ng-click

Share Improve this question Follow edited Sep 6, 2015 at 20:24 Gringo Suave 32k77 gold badges9494 silver badges8282 bronze badges asked Jul 18, 2013 at 7:20 HarryHarry 55k7676 gold badges185185 silver badges270270 bronze badges 1

• you can either redirect using href of use ng-click – Ajay Singh Beniwal Commented Jul 18, 2013 at 7:21

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Once you navigate away from the page scripts no longer run.*

Your flow can be something like:

When the user clicks, run a function that does the following:

• Run the original function you wanted to run
• Handle any 'navigate away in this specific case' logic.
• Change location.href to the URL you want to to navigate to.

It's of course possible to extract this behavior to a directive if you find yourself implementing that bit of logic over and over :)

* ^{You can use onbeforeunload but that's not good for plenty of other reasons}

The question was asking for the wrong thing. Using the href and the ng-click together works perfectly fine, I just had an ui-view in the parent element that prevented any angular bindings from working at all.

本文标签： javascriptangularjs ngclick and href on anchorStack Overflow