Угловые Материалы Вкладки и автозаполнение

Question

Я использую мД язычок для моей страницы HTML и в каждой вкладке я использую компонент автозаполнения следующим образом:

<md-autocomplete       
      md-selected-item="selectedItem" 
      md-search-text-change="searchTextChange(searchText)" 
      md-search-text="searchText" 
      md-selected-item-change="selectedItemChange(item)" 
      md-items="item in querySearch(searchText) | orderBy:'text'" 
      md-item-text="item.text" 
      md-min-length="0" 
      placeholder="Easy filter" 
      md-menu-class="autocomplete-custom-template"> 
      <md-item-template style="background-color:white;"> 
       <span class="select-title"> 
        <span class="item-tags"> {{item.text}} </span> 
       </span> 
      </md-item-template> 
     </md-autocomplete> 

Я использую тот же код в моих всех закладках. И проблема в том, что: когда я нажимаю на компонент автозаполнения, я получаю два списка: один находится в моем автозаполнении (что нормально), а один - с левой стороны, что является списком другого поля автозаполнения на этой другой вкладке ,

Почему это показывается? Есть ли работа?

Answer 1

Я попытался воспроизвести с помощью Angular 1.3.0 и Angular-Material 0.11.4 и отлично работает.

Вы можете попробовать поставить md-input-id = "theInputId" в каждом md-автозаполнении. В качестве последней меры свяжите каждую автозаполнение с каждой вкладкой, используя идентификатор автозаполнения и индекс $ tab, отключив автозаполнения неактивных вкладок.