如何在角度4中创建搜索栏下拉列表?

时间:2017-08-21 06:01:27

标签: javascript html angular typescript angular-material2

我创建了下面的搜索栏组件,每次按下键都会与API进行交互。

<div class="fill-remaining-space">
  <md-input-container class="example-full-width" color="accent">
    <md-icon mdPrefix>search</md-icon>
    <input type="text" mdInput #input (keyup)="search(input)">
    <md-icon mdSuffix *ngIf="input.value.length > 0" (click)="input.value=''">clear</md-icon>
  </md-input-container>
</div>

现在我在component.ts文件中获取结果数组。我想在从db获取结果时在此搜索栏下方显示一个下拉列表。 我试过做多个事情,比如在列表上应用* ngIf。但一切都是徒劳的。

是否有任何简单的解决方案可以让我在搜索框输入中开始输入字符后显示下拉列表?

提前致谢。

0 个答案:

没有答案