我目前正在使用Angular-material 我想要实现的是具有md-chips和autocomplete的输入字段。
我遇到的问题是"下拉"建议没有正确呈现。与列表中的最后两个项目一样,如下所示。
如果我一直向下滚动它会显示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,您可以在其中看到它的工作原理。
如何正确渲染下拉列表?
编辑:
我注意到如果下拉列表打开并且窗口调整大小,则下拉列表会重新正确呈现