长话短说,我在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>
这表现了:
我希望它根据我的
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>