Angular 5 - 表单输入 - 单击建议值时触发事件答案

【问题标题】：Angular 5 - forms input - trigger event when clicking on suggested valuesAngular 5 - 表单输入 - 单击建议值时触发事件
【发布时间】：2018-06-10 15:20:27
【问题描述】：

我想在单击输入(click)="doSomething()" 下的建议值时处理单击事件@ 不会触发它。

最后，我希望在输入中键入 smth 并单击这些建议的值会触发一个事件。对于可视化图片：

到目前为止我的源代码：

<input type="text"[(ngModel)]="filterModel.selectedClanNameOrClanTag"
                   class="form-control" minlength="3"
                   placeholder="Enter clan id or name..."
                   name="clanNameOrClanTag" required
                  (keyup)="formChange(clanForm.value)">

【问题讨论】：

标签： angular forms typescript input event-handling

【解决方案1】：

你应该使用ngModelChange

<input type="text"[(ngModel)]="filterModel.selectedClanNameOrClanTag"
                   class="form-control" minlength="3"
                   placeholder="Enter clan id or name..."
                   name="clanNameOrClanTag" required
                   (ngModelChange)="YourFunct()"
                  (keyup)="formChange(clanForm.value)">

【讨论】：

你能在 stackblitz 中重现这个问题吗