角度材料垫菜单文本不适合-Java 学习之路

我正在使用角度材料的mat-menu组件 . 但是，内容不适合菜单 . 我不想使用mat-select，因为我想显示一个与下拉列表中的值不同的按钮 .

现在我的问题是，如何在菜单中显示全文？使用任何类型的多线或工具提示？

<button mat-button [matMenuTriggerFor]="menu">{{row.menuShortText}}</button>
   <mat-menu #menu="matMenu">
      <span mat-menu-item>This is a very long text that does not fit</span>
      <span mat-menu-item>this fits</span>
      <span mat-menu-item>this fits</span>
      <span mat-menu-item>this fits</span>
      <span mat-menu-item>this fits</span>
   </mat-menu>

enter image description here

1 回答

如果工具提示没问题，您可以将其添加到范围：

<button mat-button [matMenuTriggerFor]="menu">menu</button>
<mat-menu #menu="matMenu">
  <span mat-menu-item matTooltip="This is a very long text that does not fit">
    This is a very long text that does not fit</span>
  <span mat-menu-item>this fits</span>
  ...
</mat-menu>

别忘了导入 MatTooltipModule

回复于 2024-05-02T23:18:36+08:00

角度材料垫菜单文本不适合

1 回答

相关问题