Search not working on keydown event in Angular

Question

I have this code

  <input [(ngModel)]="search.Name" type="text" class="form-control" (keydown)="search()" 
  maxlength="40" placeholder="Search">

when i change the data in textfield then it is working but when i copy paste the value in textfield it does not show any record, copy paste is not working with keydown event

I have tried with (ngModelChange) but the same issue.

Handle the `paste` event - https://stackoverflow.com/questions/50138910/angular-on-paste-event-get-content — briosheje, Aug 01 '22 at 12:35
@briosheje Will calling `search()` function on `paste` event work? — user3653474, Aug 01 '22 at 12:45

score 0 · Answer 1 · answered Aug 01 '22 at 12:56

0

Try using the "Input" event instead of "keydown"

<input [(ngModel)]="search.Name" type="text" class="form-control" (input)="search()" maxlength="40" placeholder="Search">

answered Aug 01 '22 at 12:56

Miri Gold

370
1
9

Thanks but getting same issue i have to click on text field to get desired result after `paste` event – user3653474 Aug 01 '22 at 13:02

Search not working on keydown event in Angular

1 Answers1