AngularJS : Pass input parameter in URL with ui-router

Question

I was reading this question and wanted to change it a little so what i enter in home's input field will be shown in the other

I tried bind the input with {{name}} but don't know how to put it in the line below

<a ui-sref="home({foo: 'Foo,mojtaba1', bar: 'barVal1'})">home({foo: 'Foo,mojtaba1', bar: 'barVal1'})</a>

here is a plunker

Also added var name = $stateParams.name; in .controller

So the question is how to pass the input name from page home to other with url and also show it?

in which parameter you wanted to pass name parameter?

Pankaj Parkar
– Pankaj Parkar

2016-05-17 10:02:08 +00:00
Commented May 17, 2016 at 10:02 — Pankaj Parkar
– Pankaj Parkar, Commented May 17, 2016 at 10:02
it could be a new parameter along side of foo and bar

Mojtaba
– Mojtaba

2016-05-17 10:04:46 +00:00
Commented May 17, 2016 at 10:04 — Mojtaba
– Mojtaba, Commented May 17, 2016 at 10:04

Pankaj Parkar · Accepted Answer · 2016-05-17 10:06:50Z

1

You could then add new parameter in your state definition & then pass that parameter in ui-sref directive, so that will take care href url creation

ui-sref="home({foo: 'Foo,mojtaba1', bar: 'barVal1', name: name})"

answered May 17, 2016 at 10:06

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

AngularJS : Pass input parameter in URL with ui-router

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related