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

Question

Я хочу иметь вход с предложениями автозаполнения в расширении хром. У меня очень странная проблема.

Как только я получаю фокус на моем вводе, меню предложений хорошо открывается с хорошими значениями, но если я сосредоточусь где-нибудь еще, меню предложений никогда не скроется, я все еще вижу пустое меню предложений, открытое под моим первым вводом. Он просто никогда не скрывает себя.

Все остальные функции работают хорошо.

Я попытался это без эффекта: 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 ; 
    }); 
}; 

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

T Мне кажется, что моя проблема была ясна:

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

Мэтт.

Answer 1

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

Answer 2

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

.ng-hide { 
display: none; 
} 

Кстати, у меня тоже были проблемы с директивой нг-шоу не работает в моем расширение хром, и добавив в CSS класс появился, чтобы решить эти проблемы, а также.