角度材質選項卡和自動完成

Question

我為我的html頁面使用md-tab，在每個選項卡中，我使用一個自動完成組件，如下所示：

<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-autocomplete中。 不得已時，請使用自動完成ID和標簽$ index將每個自動完成與每個標簽鏈接，以禁用非活動標簽的自動完成。