Javascript 样式表选择值

我希望有人能帮助我，我使用的是棱角材料，我有这个选择，当我看到选项时，它看起来很好，但是如果我选择一个，强标记将不再显示，你知道我如何只设计该部分，提前感谢

<mat-select formControlName="projectId" placeholder="project" [disabled]="enableList">
                <mat-option *ngFor="let projects of arrayProjects" [value]="projects.nameProject" (click)="projectSelected(projects)">
                  {{projects.nameProject}} &nbsp; - <strong> {{projects.id}} </strong> - &nbsp; {{projects.PEP | pepFormat}}
                </mat-option>
              </mat-select>

{{projects.nameProject}-{{projects.id}-{{projects.PEP | pepFormat}

---

您需要做的是自定义选择某个选项时出现在选择框中的模板。为此，您可以使用

mat select trigger

指令

<mat-select formControlName="projectId" placeholder="project" [disabled]="enableList" #projectSelect>
  <mat-select-trigger>
    {{projectSelect.value.nameProject}} &nbsp; - <strong> {{projectSelect.value.id}} </strong> - &nbsp; {{projectSelect.value.PEP | pepFormat}}
  </mat-select-trigger>
  <mat-option *ngFor="let projects of arrayProjects" value]="projects.nameProject" (click)="projectSelected(projects)">
    {{projects.nameProject}} &nbsp; - <strong> {{projects.id}} </strong> - &nbsp; {{projects.PEP | pepFormat}}
  </mat-option>
</mat-select>

{{projectSelect.value.nameProject}-{{{projectSelect.value.id}-{{projectSelect.value.PEP | pepFormat}}
{{projects.nameProject}-{{projects.id}-{{projects.PEP | pepFormat}

请注意，我使用了一个模板引用来访问“选择组件”值。或者，您可以使用

formControl

获取值，而不是模板引用。如果您愿意，请在答案中添加相关的TS代码

---

你能上传图片让我了解你的问题吗？我已经添加了，第一个是好的，第二个是在我选择选项时