How to add parameters to the current url in Angularjs

Question

I got my current url with this

   $location.url() which it '/details

This time i want to add some params to it like

'/details/student'

How can i add '/students' to my current url on click,can any one suggest help please.Thanks.

  <tabset>
<tab heading="student" ng-click = "changeRoutes('student')">
    <h4>STUDENTS</h4>
    <p>Best students..</p>
</tab>
<tab heading="teacher" ng-click = "changeRoutes('teacher')">
    <h4>TEACHERS</h4>
    <p>Best teachers..</p>
</tab>

Ideally, you should be using either ng-route or angular-ui-router for routing - then use either the href or ui-sref attribute on the element that is clicked to navigate to the new url — Fissio
– Fissio, Commented Jan 25, 2017 at 11:45
What do you want to happen when /student is added to the url? Do you want to navigate to that location? — Fissio
– Fissio, Commented Jan 25, 2017 at 11:57
If you just want to navigate to another url, you can do $window.location.href = '/details/students' - in any case, it would very likely be better to use one of the angular-provided routing options with things that have anything to do with urls — Fissio
– Fissio, Commented Jan 25, 2017 at 12:00

Rakesh Chand · Accepted Answer · 2017-01-25 12:56:24Z

1

You need to define router for that like following :-

$stateProvider
//considering route.state is your current state and you need to go on student
  .state(route.state + '.student', {
    url: '/student',
    templateUrl: 'app/examples/student/student.tmpl.html',
    controller: 'StudentController'
  });

Then inside your details controller you need to move to student like following

$scope.baseState.name = $state.current;
$state.go($scope.baseState.name + '.student');

By this way you will load templates for all tabs at the time of loading them.

answered Jan 25, 2017 at 12:56

Rakesh Chand

3,1131 gold badge25 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add parameters to the current url in Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related