how to bind the value of keyup event in runtime to a variable
<!-- Type script file -->
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
templateUrl: './app.component.html',
styleUrls: [ './app.component.css' ]
})
export class AppComponent {
sampleString: string;
updateBox(e) {
this.sampleString = e.target.value;
}
}
<!-- Html File -->
<input #box (keyup)="0" (input)="updateBox($event)">
<p>{{box.value}}</p>
<p>This is sampleString Value: {{sampleString}} </p>