Angular2: How to dynamically set data binding variables on input elements?

Question

In a component template in angular2, it is possible to add a data-binding variable to an input element:

<input name="title" #title>

Also, we can dynamically set the property value like this:

<input name="{{ name }}" #title>

However, how can we dynamically set these data-binding variables? For example, is it possible to do something like this?

<input name="{{ name }}" #{{ name }}>

Thanks in advance!

@GünterZöchbauer I am trying to dynamically create a form and would like to assign variable names dynamically. So that I only have to change the number of variables in my event handler on submit button. I can probably also explore variable length arguments to the event handler function if angular supports it. — Surender Thakran
– Surender Thakran, Commented Feb 28, 2016 at 18:14
@GünterZöchbauer I am completely new to angular (Only started reading it some 3 hours ago) so apologies if I am suggesting too far fetched usecase. I am basically playing with angular :p — Surender Thakran
– Surender Thakran, Commented Feb 28, 2016 at 18:17

Günter Zöchbauer · Accepted Answer · 2016-02-28 18:10:13Z

1

No, template variables can't even be set to arbitrary values and also having the name variable isn't supported.

answered Feb 28, 2016 at 18:10

661k235 gold badges2.1k silver badges1.6k bronze badges

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

Comments

MBN · Accepted Answer · 2016-02-28 18:15:39Z

1

You can bind variable to input value like this:

<input name="{{ name }}" ng-model="name">

answered Feb 28, 2016 at 18:15

MBN

1,0048 silver badges19 bronze badges