angular js UI Router sending params in URL

Question

I have a state in my config.js which looks like this:

            state("link_redirect", {
                url: "/link-redirect/",
                controller: "LinkRedirectCtrl",
                title: "Redirect Link",
                params: {endpoint: null}
            });

I dont want to change the state definition in shown above, still how can I send the endpoint params in URL so that I can fetch it using $stateParams service in my controller ?

If you want something to be accessible to $stateParams you will need to add it to your url like this: url: "/link-redirect/:endpoint" — Yaser
– Yaser, Commented Jan 6, 2017 at 3:09

Ram_T · Accepted Answer · 2017-01-06 03:09:29Z

1

There are two ways to access state params. Send as your state definition

   state("link_redirect", {
            url: "/link-redirect",
            controller: "LinkRedirectCtrl",
            title: "Redirect Link",
            params: {endpoint: null}
        });

Access them like, $stateParams.params.endpoint

But if you want your endpoint visible in URL, you must send like

   url: "/link-redirect/:endpoint"

Remove params: {endpoint: null}

and access it like this $stateParams.endpoint

answered Jan 6, 2017 at 3:09

Ram_T

8,50411 gold badges42 silver badges64 bronze badges

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

2 Comments

J Mako Over a year ago

are you sure when we have params: {endpoint: null}, we need to access like $stateParams.params.endpoint and not like $stateParams.endpoint

Ram_T Over a year ago

Yeah, I am sure. You can try and check. Where the params is the object we are passing.

Collectives™ on Stack Overflow

angular js UI Router sending params in URL

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related