Angularjs 选择选项后,在“材质选择”模块中为每个材质选项元素添加样式

Angularjs 选择选项后,在“材质选择”模块中为每个材质选项元素添加样式,angularjs,angular-material,Angularjs,Angular Material,在mat select模块中选择值后,我需要为每个mat选项元素动态添加样式 permissions.component.html <mat-form-field class="input-permissions"> <mat-select placeholder="Permissions" multiple> <mat-option *ngFor="let permission of permission

在mat select模块中选择值后,我需要为每个mat选项元素动态添加样式

permissions.component.html

<mat-form-field class="input-permissions">
        <mat-select placeholder="Permissions" multiple>
          <mat-option
            *ngFor="let permission of permissions"
            [value]="permission.id"
          >
            {{ permission.appPermissions }}
          </mat-option>
        </mat-select>
      </mat-form-field>

{{permission.appPermissions}}
这就是我想要的

这就是我现在的处境


我曾尝试在浏览器中使用inspect功能添加样式,但选定的值存在于一个跨度类中,因此它会将样式添加到整个字段本身。

此材质组件会根据您的需要进行更多调整,这可以在mat select中实现吗?感谢@JuanPabloMorenoMartín的帮助。这对我很有效。。我发现这篇文章对我很有帮助。这个材质组件可以根据您的需要进行更多调整。这可以在mat select中实现吗?谢谢@JuanPabloMorenoMartín的帮助。这对我很有效。。我发现这篇文章对我很有帮助。