在mdAutocomplete上下拉箭头(就像mdSelect一样)

时间:2016-11-15 14:07:42

标签: angularjs drop-down-menu autocomplete angular-material

有没有办法在像md-select这样的md-autocomplete上获得下拉箭头?

它提供了一个视觉线索,控件有一个下拉菜单,并允许用户打开下拉列表而不输入任何内容

1 个答案:

答案 0 :(得分:3)

Angular Material不提供此类功能,但您可以尝试在css文件中添加以下内容:

md-autocomplete-wrap:after {
  display: block;
  content: '\25BC';
  position: relative;
  top: 5px;
  speak: none;
  font-size: 13px;
  left: -10px;
  color: rgba(0,0,0,0.38);
  -webkit-transform: scaleY(.5) scaleX(1);
  transform: scaleY(.5) scaleX(1);
}

它不是完美的解决方案,但对您来说可能已经足够了。

如果您想在点击时打开下拉列表,只需添加md-min-length =" 0"属性为你的md-autocomplete。