角材料选择选项宽度？答案

【问题标题】：Angular material Select option width?角材料选择选项宽度？
【发布时间】：2020-02-06 15:03:56
【问题描述】：

我有一个带有 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>

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

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

设置选项宽度适合值
鼠标悬停时，以工具提示形式查看全文
设置水平滚动（最后一个选项）

这个问题有解决办法吗？

提前致谢。

【问题讨论】：

标签： css angular select angular-material

【解决方案1】：

您可以使用 Angular-Material 中的 matTooltip。

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

【讨论】：