angular - 清除搜索文本后突出显示管道不会消失
问题描述
我正在使用我找到的这个示例代码来创建管道以突出显示垫自动完成中的搜索文本。突出显示的部分工作正常,但是一旦我清除搜索,突出显示仍然保留在下拉列表中。这不是预期的行为。清除搜索后,我希望突出显示消失。
请帮我解决这个问题。
解决方案
你可以改变你的构造函数,我认为下面的代码会帮助你
constructor() {
this.stateCtrl = new FormControl();
this.filteredStates = this.stateCtrl.valueChanges
.pipe(
startWith(''),
map(state => this.filterStates(state))
);
}
filterStates(name: string) {
this.toHighlight = name;
return this.states.filter(state =>
state.name.toLowerCase().indexOf(name.toLowerCase()) === 0);
}
推荐阅读
- vue.js - 触发子级和父级涟漪
- wso2 - WSO2 撤销 api
- amazon-web-services - 使用 Cloudformation 模板创建两者时,AWS SNS 未调用 lambda 函数
- sapui5 - Hybrid fiori App中组件数据的启动参数
- r - 更改因子变量的水平
- php - 如何在mysql数据库中保存没有html标签的输入?
- c# - 如何查看一个值是否在一段时间内发生了变化?
- entity-framework-core - ef core plus:ArgumentNullException:值不能为空。参数名称:属性
- ajax - AJAX 没有向 php 提交数据
- polymer - 聚合物 - cloneNode 包括 __data