Send input value to typescript (without button send)

Question

I have a regular input text:

<form>
    <input type="text" oninput="sendInput()" />
</form>

I want to send what the user typed in the box into the typescript file (without a submit button or something) when the user has finished typing, send the input to the typescript.

I try with this code but it's not working.

Cagri Tacyildiz · Accepted Answer · 2020-05-30 17:23:40Z

13

Demo use ngModel two way binding

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

Demo or use ViewChild as a way

component.ts

inputParam=""
  @ViewChild('input') _input: ElementRef;
  sendInput(){
    this.inputParam= this._input.nativeElement.value;
  }

html part

<form >
    <input #input type="text" (input)="sendInput()"/>
</form>
{{inputParam}}

edited May 30, 2020 at 17:23

answered May 30, 2020 at 17:18

Cagri Tacyildiz

17.7k6 gold badges38 silver badges61 bronze badges

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

Collectives™ on Stack Overflow

Send input value to typescript (without button send)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related