CODEWITHSUNDEEP
javascriptangularjsangularjs-ng-click
Harry
Harry

Reputation: 54939

angularjs ng-click and href on anchor

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?

Upvotes: 5

Views: 7654

Answers (2)

Harry
Harry

Reputation: 54939

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.

Upvotes: 0

Benjamin Gruenbaum
Benjamin Gruenbaum

Reputation: 276276

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

Upvotes: 6

Related Questions