AngularMaterial-选择组件滚动问题
创始人
2024-10-28 07:31:57
0

我们可以使用CSS的"panelClass"特性来解决Angular Material中的选择组件滚动问题。我们需要设置一个最大高度和一个overflow属性,如下所示:

HTML代码:


  
    {{item.label}}
  

CSS代码:

.scroll-select-panel {
  max-height: 250px;
  overflow-y: auto !important;
}

在CSS代码中,我们将 .scroll-select-panel 的最大高度设置为250像素,并将溢出设置为自动。另外,我们还定义了 .scroll-select 的类,在筛选器中通过使用ngClass来自动添加到选择组件中,这将告诉我们在items的数量超过5时,需要应用滚动特性。

最后,我们需要将我们的CSS样式应用于整个应用程序,我们将其添加到样式表中:

@import "node_modules/@angular/material/prebuilt-themes/indigo-pink.css";

.scroll-select {
  width: 100%;
}

.scroll-select-panel {
  max-height: 250px;
  overflow-y: auto !important;
}

这样我们就可以成功地解决Angular Material中的选择组件滚动问题了。

相关内容

热门资讯

aapoker透明挂!wpk俱... aapoker透明挂!wpk俱乐部机器人,wpk俱乐部外挂,微扑克教程(有挂辅助挂)1)aapoke...
aapoker猫腻!aapok... aapoker发牌机制新手教程相关信息汇总(需添加指定Q群1067239143获取下载链接);aap...
wpk辅助挂!wpk微扑克系统... wpk辅助挂!wpk微扑克系统发牌规律,(WepOke)从来是有挂(详细辅助第三方教程);玩家必备必...
德州之星辅助!gg扑克发牌机制... 德州之星辅助!gg扑克发牌机制测试,wpk辅助透视,总结教程(有挂黑科技);德州之星辅助!gg扑克发...
德州免费辅助神器app!wop... 德州免费辅助神器app!wopoker用ai有用吗,(aapOker)切实是真的有挂(详细透视技巧教...
wepoke辅助有挂!wpk到... wepoke辅助有挂!wpk到底有没有辅助,wepoke软件透明功能实现方法,透明挂教程(有挂黑科技...
wepokeai代打!德扑之星... wepokeai代打!德扑之星软件要花钱吗,(aapoker)原来是有挂(详细透视爆料教程)1、玩家...
wpk提高胜率!微扑克发牌系统... wpk提高胜率!微扑克发牌系统,aapoker智能ai辅助,靠谱教程(有挂详情)是一款可以让一直输的...
wepoke智能ai!德州nz... wepoke智能ai!德州nzt实战,(WepOke)竟然真的有挂(详细辅助德州教程)是由北京得we...
德扑ai智能机器人!德州之星a... 您好,德扑ai智能机器人这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...