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, Feb 28 '16 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, Feb 28 '16 at 18:17

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

up vote 1 down vote

You can bind variable to input value like this:

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

answered Feb 28 '16 at 18:15

MBN

37617

add a comment |

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

up vote 0 down vote

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

answered Feb 28 '16 at 18:10

180k27304360

add a comment |

2 Answers 2