angular ui-router $state change URL

Question

I'm using Angular 1.4.8 and angular ui-router 0.2.18

My config:

  $stateProvider       
        .state('searchScreen', {
            url:'/offers/:mode?id',
            templateUrl: 'offerssearch',
            controller: 'SearchController as search'
        })

What I want to do is to bind a function changing url with button, here is my function:

search.createLink = function () {
    $state.go('searchScreen', {url:'/offers/link?id=234'});
}

and I want my URL look like this after function call:

http://localhost:8080/#/offers/link?id=234

But /offers/link?id=234 is not appear in my URL http://localhost:8080/#/offers/

Renan Ferreira · Accepted Answer · 2016-03-31 18:33:40Z

3

Didn't test, but I think you need to change your code to:

$state.go('searchScreen', { 'mode':'link', 'id': 234});

answered Mar 31, 2016 at 18:33

Renan Ferreira

2,1603 gold badges21 silver badges31 bronze badges

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

1 Comment

Piotr Żak Over a year ago

This is what I want! Thank You sooo much! :)

Aditya Singh · Accepted Answer · 2016-03-31 18:54:45Z

1

Use it like this: $state.go('searchScreen', {mode: 'link', id: 234})

answered Mar 31, 2016 at 18:54

Aditya Singh

16.8k15 gold badges49 silver badges70 bronze badges

Collectives™ on Stack Overflow

angular ui-router $state change URL

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related