css - 角材料 选择选项宽度？

Question

我有一个带有 Angular Material Select 输入的表单：

<div class="form-group" formGroupName="x" id="x">
    <mat-select class="form-control" [formControl]="xx" id="xx" >
        <mat-option *ngFor="let zof xxx" [value]="z.Key">
            {{z.Value}}
        </mat-option>
    </mat-select>
</div>

选项值是一个很长的字符串，如您所见，它不适合视图：

这些解决方案中的任何一个都可以解决我的问题：

• 设置选项宽度拟合值

• 鼠标悬停时，将全文作为工具提示查看

• 设置水平滚动（作为最后一个选项）

这个问题有什么解决办法吗？

提前致谢。

标签： cssangularselectangular-material

Answer 1

您可以使用来自 Angular-Material 的 matTooltip。

查看下面的链接 - https://material.angular.io/components/tooltip/overview