Угловой материал: фишки md-autocomplete никогда не скрывают меню предложений

0

Я хочу иметь вход с предложениями автозаполнения в расширении 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 ;
    });
};

Я спрашиваю себя, не работает ли это из-за того, что это расширение хром, но выглядит слишком просто...

Картина моей проблемы просто ясна: Изображение 174551

Спасибо, если кто-нибудь знает, почему или получить ту же ошибку!

Мэтт.

Теги:
angular-material
autocomplete
md-autocomplete

2 ответа

0
Лучший ответ

Проблема решена с новой версией углового материала.

0

У меня была та же проблема с использованием углового материала в хромовом расширении. Добавление этого в мой css исправил его:

.ng-hide {
display: none;
}

Кстати, у меня также были проблемы с директивой ng-show, не работающей в моем расширении chrome, и добавление этого класса css также помогло решить эти проблемы.

  • 0
    Извините, что оставил свой вопрос без ответа, я решил его с новой версией angular-material, теперь все вопросы остались.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню