Dynamically set the value of ui-sref Angularjs

by

Looks like this is possible to do after all.

A breadcrumb on GitHub by one of the ui-router authors led me to try the following:

<a ng-href="https://stackoverflow.com/questions/24349731/{{getLinkUrl()}}">Dynamic Link</a>

Then, in your controller:

$scope.getLinkUrl = function(){
  return $state.href('state-name', {someParam: $scope.someValue});
};

Turns out, this works like a charm w/ changing scoped values and all. You can even make the ‘state-name’ string constant reference a scoped value and that will update the href in the view as well 🙂

More Related Contents:

  1. Injecting $scope into an angular service function()
  2. How to reload the current state?
  3. Otherwise on StateProvider
  4. Two views in one AngularUI Router state sharing scope
  5. How to pass parameters using ui-sref in ui-router to controller
  6. AngularJS – UI-router – How to configure dynamic views
  7. Trying to Dynamically set a templateUrl in controller based on constant
  8. AngularJS UI Router – change url without reloading state
  9. AngularAMD + ui-router + dynamic controller name?
  10. Scope issue in AngularJS using AngularUI Bootstrap Modal
  11. angularjs share data config between controllers
  12. Using ui-router with Bootstrap-ui modal
  13. UI-router interfers with $httpbackend unit test, angular js
  14. Angular-UI Router: Nested Views Not Working
  15. Angular UI-Router How to create a “layout” state?
  16. Angularjs ui-router. How to redirect to login page
  17. Difference between ui-sref and $state.go in AngularJS UI-Router
  18. How to tie angular-ui’s typeahead with a server via $http for server side optimization?
  19. Injecting $state (ui-router) into $http interceptor causes circular dependency
  20. Directing the user to a child state when they are transitioning to its parent state using UI-Router
  21. Angular bootstrap datepicker date format does not format ng-model value
  22. How do I prevent reload on named view, when state changes? AngularJS UI-Router
  23. ui-router dynamic template path
  24. Difference between $state.transitionTo() and $state.go() in Angular ui-router
  25. How to integrate AngularUI to AngularJS?
  26. angularjs text area character counter
  27. Ui-Router $state.go inside $on(‘$stateChangeStart’) is cauzing an infinite loop
  28. AngularJS UI router handling 404s
  29. Angularjs ui-router abstract state with resolve
  30. scope and controller instantiation with ui router

Leave a Comment