クロム拡張機能でオートコンプリートの提案を入力したい。私は非常に奇妙な問題に直面しています。
入力に焦点を当てると、提案メニューは適切な値で適切に開かれますが、他の場所に焦点を合わせると、提案メニューが非表示になることはなく、最初の入力の下に空の提案メニューが開いていることがわかります。それは決して自分自身を隠すことはありません。
他のすべての機能は正常に動作しています。
私は効果なしでこれを試しました: Angular Material: md-autocomplete - Enter イベントで md-autocomplete-suggestions を非表示にする方法は?
これが私の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拡張機能にあるため機能しないのではないかと自問していますが、見た目がシンプルすぎます...
明確にするために私の問題の写真：
誰かが理由を知っているか、同じ間違いをしてくれたらありがとう!
マット。