如何自动设置 mat-option 元素宽度以适应选项值

问题描述

我的项目使用的是 Angular 7，我的表单中有一个 mat-select 但问题是这个 select 的选项很大，我希望用户可以阅读它们，但我不知道该怎么做那：

  <mat-form-field>
<mat-label>Favorite Food</mat-label>
<mat-select name="food">
  <mat-option>None</mat-option>
  <mat-option *ngFor="let food of foods" [value]="food.value">
    {{food.viewValue}}
  </mat-option>
</mat-select>

.ts 文件

     foods: Food[] = [
    {value: "Steack-01",viewValue: "Viande haché form picard congélée la viande",description: "sldfjsdflsdjflsdfj sdlfjd lsdf ldsfj lsdfjl sdjsldfj ljsdlfjsdf"},{value: "middle",viewValue: "Legume grillée s msldfjmsdfj msjd msdfjViande haché form picard congélée la viande",description: "sldfjsdlf"},{value: "long",viewValue: "sdfmljsmfsj smdfjsdmf j sdjmlfjsdmf j smdfjsdmfjsdmf jsm jmsdlfjmsdfjsdmf",description: "fsdfsdfdsf"}
  ];

我在网上尝试了很多解决方案，但对我不起作用

感谢您的帮助

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）