Я хочу иметь вход с предложениями автозаполнения в расширении chrome. У меня очень странная проблема.
Как только я сосредоточусь на своем вводе, меню предложений хорошо открывается с хорошими значениями, но если я сосредоточусь где-нибудь еще, меню предложений никогда не скроется, я все еще вижу меню с пустым предложением, открытое под моим первым вводом. Он просто никогда не скрывает себя.
Все остальные функции работают хорошо.
Я пробовал это без эффекта: Угловой материал: md-autocomplete - как скрыть md-autocomplete-предложения по событию Enter?
Вот мой 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 ;
});
};
Я спрашиваю себя, не работает ли это из-за того, что это расширение хром, но выглядит слишком просто...
Картина моей проблемы просто ясна:
Спасибо, если кто-нибудь знает, почему или получить ту же ошибку!
Мэтт.
Проблема решена с новой версией углового материала.
У меня была та же проблема с использованием углового материала в хромовом расширении. Добавление этого в мой css исправил его:
.ng-hide {
display: none;
}
Кстати, у меня также были проблемы с директивой ng-show, не работающей в моем расширении chrome, и добавление этого класса css также помогло решить эти проблемы.