角度材料md-chips自动完成错误渲染

时间:2015-11-13 12:45:19

标签: angularjs angular-material

我目前正在使用Angular-material 我想要实现的是具有md-chips和autocomplete的输入字段。

我遇到的问题是"下拉"建议没有正确呈现。与列表中的最后两个项目一样,如下所示。

actual

如果我一直向下滚动它会显示Test4 / Test5 / Test6,但不会显示Test7和Test7& Test8(该清单包含8个项目) 如果我查看dom,我注意到最后两个项目没有dom元素。

我使用的HTML代码是:

<md-chips ng-model="result" md-autocomplete-snap>
    <md-autocomplete
        md-autofocus="false"
        md-min-length="0"
        md-search-text="searchText"
        md-items="item in items"
        placeholder="Filter">
        <md-item-template>{{item}}</md-item-template>
    </md-autocomplete>
    <md-chip-template><span><em>{{$chip}}</em></span></md-chip-template>
</md-chips>

我有一个简单的plunker,您可以在其中看到它的工作原理。

如何正确渲染下拉列表?

编辑:

我注意到如果下拉列表打开并且窗口调整大小,则下拉列表会重新正确呈现

0 个答案:

没有答案