I want to call a function in ng-href and return the link from the function.
When I click the function it sends page to that function in url. Like:
localhost/pageLink()
<a ng-href="pagelink()" >Link</a>
How can i run the function and return correct link?
Interpolation might do the trick:
<a ng-href="{{pagelink()}}">Link</a>
Edit:
To anyone complaining, that this will execute the code at startup: That's exactly what it must do! It watches the pagelink method for changes and updates the href attribute.
The original questions was:
How can i run the function and return correct link?
pagelink() should not handle routing but rather return a string pointing to the target route. See the ngHref documentation.
If you want to handle routing by yourself, you should rather use ngClick, not ngHref.
pagelink() in your controller when the page loads. Using ng-click without the interpolation should do the trick.
ng-click is you lose the abilities of <a> like target="_blank". Open a webpage in new tab is a suffer in javascript.
target="_self" for the link to work when you click it (and not just update the URL)
Assuming that pagelink() is at $rootScope, you would use ng-click:
<a href="" ng-click="pagelink()">Link</a>
You need the href="" so the browser will change the cursor on mouse over.