How to pass multiple parameters to url using angular js?

Question

I am a newbie to angular js . Here in my project i want to pass multiple parameters in anchor tag . So that i will get multiple params in address bar too. I have tried this one but its not working at all.

 <a href="" ui-sref="edit_user({id:0,pid:'add-user'})">Add New user</a>

It is showing "http://localhost/Angular/#/edit-user/0",but i need to pass some more parameters. Above is the code. I want the url to be ""http://localhost/Angular/#/edit-user/0/add-user"," Here , am I doing anything wrong ? Please suggest me . Thank you.

could you please add edit_user state & please update your question with what additional parameter you wanted to set in edit-user page — Pankaj Parkar
– Pankaj Parkar, Commented Nov 4, 2016 at 7:54

Natiq · Accepted Answer · 2016-11-04 08:07:09Z

1

You can do that like :

$state.go('editUser', {id: 0, pid: 0});

 // or  In your view :

 <a ui-sref="editUser({id:0,pid:0})">Add New user</a>

In your config :

$stateProvider
.state('editUser', {
  url: '/edit-user?id&pid',
  views: {
    '': {
      templateUrl: 'users.html',
      controller: 'MainCtrl'

    },
  },
  params: {
    id: null,
    pid: null
  }
})

edited Nov 4, 2016 at 8:07

Natiq

4168 silver badges16 bronze badges

answered Nov 4, 2016 at 7:59

Jigar7521

1,5791 gold badge14 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

How to pass multiple parameters to url using angular js?

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