gpt4 book ai didi

Angular 垫-选择显示选项的数量

转载 作者:太空狗 更新时间:2023-10-29 18:29:10 29 4
gpt4 key购买 nike

我有一个 mat-select 元素,其中包含固定数量的 mat-option 元素。要查看最后一个元素,我必须滚动列表。是否可以扩大区域以便我无需滚动即可看到最后一个元素?

<mat-form-field appearance="outline">
<mat-select>
<mat-option [value]="0">Automatically</mat-option>
<mat-option [value]="10">10</mat-option>
<mat-option [value]="20">20</mat-option>
<mat-option [value]="50">50</mat-option>
<mat-option [value]="100">100</mat-option>
<mat-option [value]="-1">All</mat-option>
</mat-select>
</mat-form-field>

[我有什么]

[我想要什么]

提前致谢!

解决方案:

我终于这样解决了:

@Component({
selector: 'select-value-binding-example',
templateUrl: 'select-value-binding-example.html',
styleUrls: ['select-value-binding-example.css'],
encapsulation: ViewEncapsulation.None
})

.mat-select-panel{
max-height: <your new height>
}

在组件相关的.scss文件中

最佳答案

如果您有固定数量的选项,最简单的方法是猜测您需要多少高度,然后:

::ng-deep() .mat-select-panel {
max-height: <your new height>
}

那样的话,选择框会干净利落地出现所有的边框阴影和所有

关于 Angular 垫-选择显示选项的数量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51187649/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com