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 May 17 '16 at 10:02 — Pankaj Parkar, May 17 '16 at 10:02
it could be a new parameter along side of foo and bar – Mojtaba May 17 '16 at 10:04 — Mojtaba, May 17 '16 at 10:04

score 1 · Accepted Answer · answered May 17 '16 at 10:06

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 '16 at 10:06

Pankaj Parkar

134,766
23
234
299

AngularJS : Pass input parameter in URL with ui-router

1 Answers1