change in input with angular 2 dynamic detection

Question

I have a textbox which act as a search text box. I would like to update the search on text change. This is what I tried with:

<input id="searchTextField" [(ngModel)]="searchText" (change)="SearchTextChange()" />

and the typescript backend code

private SearchTextChange(): void
{
//dostuff
}

problem is this only gets triggered off when I click somewhere outside of textbox. It doesn't gets triggered off when on the change of text. Why is this so?

yurzui · Accepted Answer · 2017-03-29 15:18:54Z

3

I suspect this should work for you

[(ngModel)]="searchText" (ngModelChange)="SearchTextChange()"

answered Mar 29, 2017 at 15:18

yurzui

215k32 gold badges450 silver badges413 bronze badges

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

2 Comments

nanobots Over a year ago

what is the difference between ngModelChange and change? just curious. is it because ngModelChange based on backend model change?

yurzui Over a year ago

change is HtmlElement event while ngModelChange is @Output EventEmitter that is firing on input and blur event

Collectives™ on Stack Overflow

change in input with angular 2 dynamic detection

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related