(изменить) Работать только после нажатия введите в угловой 2

Question

Я хочу показать список, который показывает строки, соответствующие введенному пользователем значению в текстовом поле.Список должен динамически изменяться, поскольку пользователь продолжает вводить значения.Вот почему я попытался использовать (изменить) прослушиватель событий в поле ввода.но список меняется только после того, как я нажму кнопку «Ввод».Вот код.

<tr>
        <td><input type = "text" [(ngModel)] = "writerSuggest" (change) = "getWriterList($event)" /></td>
</tr>
<tr *ngFor="let writers of writerListShow">
        <td style="cursor: pointer;" (click) = "onWriterClick(writers.name)">{{writers.name}}</td>
</tr>
<tr>
        <td *ngIf = 'writerErr' >No writers with given name</td>
</tr>

Answer 1

Используйте ng modelChange, который обнаруживает изменение значения связанных переменных.как

<input type = "text" [(ngModel)] = "writerSuggest" (ngModelChange) = "getWriterList($event)" />

Answer 2

Вы можете попробовать ngModelChange

пример

Answer 3

Вы можете использовать событие ngmodelChange.

<td><input type = "text" [ngModel] = "writerSuggest" (ngModelChange) = "getWriterList($event)" /></td>