Мне нужно динамически добавлять стили для каждого из элементов mat-option после выбора значений в модуле mat-select. Ниже приведен код, который я использовал для добавления списка разрешений
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>
Вот как я хочу,
![Example](https://i.stack.imgur.com/DbURr.png)
Вот как я Теперь я получаю
![Example2](https://i.stack.imgur.com/sgmG0.png)
Я пытался добавить стили, используя функцию проверки в браузере, но выбранные значения присутствуют внутри одного класса диапазона и следовательно, он добавит стили ко всему полю.