长话短说,我在div中有这个app.component.html

<div class="col-lg-6 search-div">
  <div class="input-group">
    <input type="text" class="form-control" placeholder="Search for...">
    <span class="input-group-btn">
      <button class="btn btn-default" type="button">Go!</button>
    </span>
  </div>
</div>


这表现了:

javascript - 根据功能制作具有值的简单动态搜索栏-LMLPHP

我希望它根据我的app.component.ts中的功能显示可用值:

public getUsers() {
  return this.restService.getUsers().subscribe(
    jsonElements => {
      var users = jsonElements;
    },
    error => this.errorMessage = <any>error);
}


我什至可以预存储结果:
users = this.getUsers();
但是那我怎么用users过滤呢?

有一个简单的方法可以做到这一点吗?

最佳答案

已经有了您想要的HTML解决方案,“ datalist”标签可以满足您的需求。唯一的问题是它没有强大的浏览器支持。您可以在https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist上阅读更多内容。

所以你会像

<input list="users"/></label>
<datalist>
    <option *ngFor='let user of users' value="user">
</datalist>

10-05 20:54
查看更多