reference variable in angular2 is not working as expected

Question

       <input type='text' #heroInput><p>{{heroInput.value}}</p>

Here the heroInput.value is not getting me the value inside text.

Carsten · Accepted Answer · 2017-08-28 08:32:28Z

1

Using ngModel is the way to go here:

<input type="text" [(ngModel)]="heroInput"><p>{{heroInput}}</p>

answered Aug 28, 2017 at 8:32

Carsten

4,22826 silver badges30 bronze badges

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

1 Comment

Agree I can use two way binding but then what's the use of reference variable?

Arun Kumaresh · Accepted Answer · 2017-08-28 08:57:25Z

1

try this

<input type='text' #heroInput (keyup)="0"><p>{{heroInput.value}}</p>

answered Aug 28, 2017 at 8:57

Arun Kumaresh

6,2966 gold badges37 silver badges50 bronze badges

why this is required

you need an event to detect the change and update the UI but the event doesn't do anything

you need the event to detect the changes happened to the reference variable