How/when to use ng-click to call a route?

by

Routes monitor the $location service and respond to changes in URL (typically through the hash). To “activate” a route, you simply change the URL. The easiest way to do that is with anchor tags.

<a href="#/home">Go Home</a>
<a href="#/about">Go to About</a>

Nothing more complicated is needed. If, however, you must do this from code, the proper way is by using the $location service:

$scope.go = function ( path ) {
  $location.path( path );
};

Which, for example, a button could trigger:

<button ng-click="go('/home')"></button>

More Related Contents:

  1. angularjs 1.6.0 (latest now) routes not working
  2. Adding parameter to ng-click function inside ng-repeat doesn’t seem to work
  3. Ng-click doesn’t work inside ng-repeat
  4. Angular – ui-router get previous state
  5. How would I have ui-router go to an external link, such as google.com?
  6. Can angularjs routes have optional parameter values?
  7. AngularJS – how to override directive ngClick
  8. angularjs getting previous route path
  9. how to pass querystring in angular routes?
  10. Angular ng-click event delegation
  11. Dynamic content added with AngularJS click event not working on the added content
  12. AngularJS Dynamic loading a controller
  13. scope and controller instantiation with ui router
  14. angular.service vs angular.factory
  15. How do you prevent duplicate user properties in Firebase?
  16. What is the difference between ng-if and ng-show/ng-hide
  17. Link vs compile vs controller
  18. Angular.js directive dynamic templateURL
  19. Using protractor with loops
  20. Angularjs $q.all
  21. Angularjs loading screen on ajax request
  22. AngularJS UI Router – change url without reloading state
  23. Reading response headers when using $http of Angularjs
  24. angular.min.js.map not found, what is it exactly?
  25. AngularJS – difference between pristine/dirty and touched/untouched
  26. Anchor links in Angularjs?
  27. AngularJS : The correct way of binding to a service properties
  28. What is ng-transclude?
  29. How to share data between two modules in AngularJS?
  30. Angular reload current route and reload the current template

Leave a Comment