款式材质Mat-option mat-select

Question

我有以下代码：

<mat-form-field>
  <mat-select placeholder="Favorite food">
   <mat-option *ngFor="let name of names" [value]="name.value">
     {{ name.value }}
    </mat-option>
    </mat-select>
  </mat-form-field>

我的名字值可能包含几个连续的空格，例如3xxx4xxxxName，其中x表示空格。默认行为将删除除一个空格之外的所有空格。名称值将显示为3x4xname。这个名字有样的风格吗？我想我需要使用

white-space:pre-wrap

但是，我不知道将课程放在哪里使其发挥作用。欢迎任何帮助。我添加scss文件后。

.mat-option {
  white-space:pre;
 }

组合框停止工作。