具有自动完成功能的材料角度芯片

时间:2016-02-18 17:24:50

标签: angular-material md-autocomplete md-chip

我有一个带自动完成功能的md-chips,但自动完成中的文字超出了宽度,显示如下:

md-chips with autocomplete

所以,想法是建议箱使用100%宽度或调整到字长。

<md-autocomplete md-selected-item="ctrl.selectedItem" md-search-text="ctrl.searchText" md-items="item in ctrl.querySearch(ctrl.searchText)" md-item-text="item.name" placeholder="Search for a vegetable">
    <span md-highlight-text="ctrl.searchText">{{item.name}} :: {{item.type}}</span>
  </md-autocomplete>

http://codepen.io/dvelasquez/pen/BjeoYq

0 个答案:

没有答案