angular-material - md-自动完成显示的项目数

标签 angular-material md-autocomplete

什么控制在 md-autocomplete 的下拉列表中显示的项目数。

我有超过 5 个正在显示的空间。

最佳答案

你的意思是增加自动完成结果容器的高度?如果是这种情况,这在 angular-material 中尚不可行。盒子外面。看到这个 closed issue .

正如它在问题评论中发布的那样,作为一种解决方法,您可以使用一些 css hack。像这样的东西:

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    height: 350px;
    max-height: 350px !important;
}

你可以看到它在 this plunker 上工作.希望能帮助到你

关于angular-material - md-自动完成显示的项目数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40499385/

相关文章:

angular - 将 'go to page' 功能添加到 angular 中的 Material 分页

javascript - Angular Material 将原色添加到 Div

angular - 如何隐藏 Material 中的占位符onclick

angular - 按名称选择并在 Angular 4 Material 应用程序的 md-autocomplete 输入中获取 id

angular - Material 2 自动完成 : select option

javascript - 如何排序列表首先开始然后包含 md-autocomplete AngularJS 中的字符串搜索

webpack - 如何将 bootstrap-material-design 包添加到 webpack 中?

angular - 如何为源和接收器下拉列表使用不同的 ckdDragPlaceholders?

angularjs - 首次单击文本框时如何显示自动完成下拉菜单?

angularjs - md-autocomplete md-require-match 在动态设置表达式时不起作用