我想在 chrome 扩展中输入带有自动完成建议的输入。我面临一个非常奇怪的问题。
一旦我将注意力集中在我的输入上,建议菜单就会以良好的值很好地打开,但是如果我将注意力集中在其他任何地方,建议菜单永远不会隐藏,我仍然可以看到在我的第一个输入下打开了一个空的建议菜单。它只是从不隐藏自己。
所有其他功能都运行良好。
我试过这个没有效果:Angular Material: md-autocomplete - how to hide md-autocomplete-suggestions on Enter event?
这是我的html:
<md-chips ng-model="ctrl.newTags"
md-autocomplete-snap
md-transform-chip="ctrl.newVeg($chip)"
md-require-match="false">
<md-autocomplete id="Auto"
md-selected-item="ctrl.selectedItem"
md-search-text="ctrl.searchText"
md-items="item in ctrl.querySearch(ctrl.searchText)"
md-item-text="item.name"
placeholder="Enter a tag">
<span md-highlight-text="ctrl.searchText">{{item.value}}</span>
</md-autocomplete>
<md-chip-template>
<span>
<strong>{{$chip.value}}</strong>
</span>
</md-chip-template>
</md-chips>
还有我的 JS 代码:
self.newVeg = function(tag) {
if (angular.isObject(tag)) {
return tag.value;
} else if (angular.isString(tag)) {
return tag;
}
};
self.querySearch = function(search) {
search = search || "";
return self.existingTags.filter(function(vO) {
return !search || vO.value.toLowerCase().indexOf(search.toLowerCase()) >= 0 ;
});
};
我在问自己它是否不起作用,因为它在 chrome 扩展中,但它看起来太简单了......
谢谢,如果有人知道为什么或得到同样的错误!
马特。