角材料选择选项宽度？

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>

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

以下任何一种解决方案都可以解决我的问题：

• 设置选项的宽度适合值

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

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

  

这个问题有解决方案吗？

谢谢。

Answer 1

您可以使用Angular- Material的matTooltip。

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