Javascript 角度材质选项卡和自动完成

我在html页面中使用md选项卡，在每个选项卡中使用自动完成组件，如下所示：

<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>

{{item.text}

我在所有选项卡中使用相同的代码。问题是：当我点击autocomplete组件时，我得到两个列表：一个在我的autocomplete框下（这是正常的），另一个在左边，这是另一个选项卡中另一个autocomplete框的列表

---

为什么会这样？有什么解决办法吗？

我尝试用Angular 1.3.0和Angular Material 0.11.4进行复制，效果很好

---

您可以尝试在每个md自动完成中输入md输入id=“theInputId”。最后，使用自动完成id和tab$索引将每个自动完成链接到每个选项卡，禁用非活动选项卡的自动完成。

您使用了吗？抱歉，我刚刚启动angular.js，所以我可能没有帮助。是的，版本0.11.1。它们是否都显示相同的内容，表示它们链接到同一个模型，即范围对象？是的，它们链接到同一个模型。这是我的目的，无法复制。你能试着创建一个Plunker吗？我给了所有自动完成程序相同的md输入id，但没有解决这个问题