I am working on a feature that displays rows matching a user-entered value in a dynamic list. The list should update as the user types in values, so I attempted to use a (change) event listener on the input text box. However, the list only updates when I press the 'Enter' button. Below is the code snippet:
<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>