我希望在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 ;
});
};
我问自己它是否不起作用因为它是镀铬扩展但它看起来太简单......
谢谢,如果有人知道原因或得到同样的错误!
太
答案 0 :(得分:0)
我在chrome扩展中使用角度材质时遇到了同样的问题。将此添加到我的CSS修复它:
.ng-hide {
display: none;
}
顺便说一下,我也遇到过ng-show指令无法在我的chrome扩展中工作的问题,并且添加这个css类似乎也解决了这些问题。
答案 1 :(得分:0)
使用新版角度材料解决了问题。