<input />和预测搜索

时间:2018-07-24 09:10:34

标签: angular typescript

我有一个输入标签

<input type="text" id="inputFilter" [(ngModel)]="filtersDetails[in].value"   (ngModelChange)="getSearchDetails()" [ngbTypeahead]="search"
  (selectItem)="selectedItems($event, in)"/>

使selectedItems()独立:我将所有选中的项存储在变量selected : string中,然后再次将此变量分配给输入文本框的内容。

(document.getElementById("inputFilter") as HTMLInputElement)
      .value = this.selected;

如果我没有将所选项目存储在变量中,而是将其重新分配给输入框,则输入文本框将同时包含我键入的字符和预测搜索中的所选项目。我不希望这种情况发生。

所以,我将其存储为变量,然后将其重新分配给输入框。

我在这里面临的一个问题:如果用户选择一个字符并按退格键,则该项目将从文本框中删除,问题是此删除的项目不会在我用来存储所选内容的变量中得到更新项目。

在这一点上,如果我编写逻辑来更新变量,以使t不应在getSearchDetails()中包含已删除的字符,那么我键入的字符也会出现在输入文本框中。

如果我尝试启用一项功能,则另一项功能将无效(反之亦然)

请提出一些建议。

0 个答案:

没有答案