Блог

Я использую список выбора материала Angular, например —

 <mat-selection-list #myItemsList [multiple]="false">
    <mat-list-option (click)="selectMyItem(item)" *ngFor="let item of myService.myItems">
        {{item.name}}
    </mat-list-option>
</mat-selection-list>
  

Список работает нормально, когда я нажимаю на элемент, он меняет цвет по мере его выделения. Но когда я затем фокусирую другой элемент управления, элемент возвращает цвет обратно к исходному. Я бы хотел, чтобы элемент оставался выделенным, чтобы указать, что это элемент, над которым я работаю в другом месте формы. Если я выбираю другой элемент из списка, другой элемент не должен выделяться, только тот, на который я нажал. Заранее спасибо за ваше время.

В ответ на мой собственный вопрос простой ответ — просто использовать CSS

 .mat-list-single-selected-option {
    background-color: blue;
}