角度菜单

Question

我想制作一个大型的matmenu（95项），但它会越过页面。

看我的代码：

＆＃13;

＆＃13;

<mat-menu #departements="matMenu">
    <button mat-menu-item (click)="choix_du_departement(01)" >01</button>
    <button mat-menu-item (click)="choix_du_departement(02)" >02</button>
    <button mat-menu-item (click)="choix_du_departement(03)">03</button>
...
    <button mat-menu-item (click)="choix_du_departement(95)">95</button>
</mat-menu>

＆＃13;

＆＃13;

＆＃13;

我试图通过.scss进行管理 与

＆＃13;

＆＃13;

 .mat-menu{
   max-height: 50px;
 }

＆＃13;

＆＃13;

＆＃13;

但没有任何改变

我也尝试修改.mat-menu-item，但有些内容会从页面上删除

Answer 1

如果我理解，你需要设置按钮的高度

{{1}}

Answer 2

您有两个选项可以为mat-menu元素提供mat-menu类 或者将CSS选择器更改为mat-menu而不是.mat-menu

Answer 3

我也想同时应用此CSS，但是我将内容包装在具有自定义类的div中，并设置了该div的高度。

Answer 4

asyncio.create_task