如何将输入框转换为angular8中的下拉列表

我有一个要求，在最初，这将是一个输入字段，根据一个下拉列表的选择，数字代码将自动生成到另一个输入字段。输入字段的自动生成代码应该是可编辑的，其中必须是一个带有搜索字段的下拉列表，搜索字段必须包含名称或数字搜索。 我使用ngx typeahead插件来完成这项工作，但我对我所做的并不满意，我需要在点击输入字段时显示一个下拉列表，根据搜索，它必须根据搜索向我显示值。 你知道如何实施吗

演示：

HTML:

---

您可以通过使用ng2 completer包来实现这一点

现在，您必须遵循以下步骤

第一步 在app.module.ts中

从“ng2完成器”导入{Ng2CompleterModule}

步骤2
hero.component.ts

 constructor(private completerService: CompleterService) {
 this.dataService = completerService.local(this.dataArray}

<h1>Search color</h1>
<ng2-completer [(ngModel)]="searchStr" [datasource]="dataService" [minSearchLength]="0"></ng2-completer>

从'ng2 completer'导入{CompleterService，CompleterData}

步骤3
在hero.component.ts的构造函数中

 constructor(private completerService: CompleterService) {
 this.dataService = completerService.local(this.dataArray}

<h1>Search color</h1>
<ng2-completer [(ngModel)]="searchStr" [datasource]="dataService" [minSearchLength]="0"></ng2-completer>

步骤4
在hero.component.ts的模板文件中

 constructor(private completerService: CompleterService) {
 this.dataService = completerService.local(this.dataArray}

<h1>Search color</h1>
<ng2-completer [(ngModel)]="searchStr" [datasource]="dataService" [minSearchLength]="0"></ng2-completer>

搜索颜色
您只需使用Priming p下拉菜单即可。
或
你可以使用angular multiselect下拉菜单。我在这里演示了，这里我不应该使用任何额外的框架，我使用了bootstrap4，这里一次只选择一个值。你能帮我吗？好的。一旦与你联系，我会这样做。是的，请多谢Hanks的回复，如果我遇到任何困难，我会处理这件事。我会ping youThanks寻求回复，但Prime是一个大插件，不允许在我的应用程序中使用