Как выделить выделенный элемент цветом в угловых?

Question

Это пользовательский интерфейс «Мои папки», и когда я щелкаю или выбираю какую-либо одну папку, я хочу выделить эту конкретную папку зеленым цветом, и второй вопрос - я наведите курсор мыши на любую другую папку, и я хочу выделить эту папку желтым цветом.каждая папка имеет свой отдельный folderid

<div *ngFor="let folder of folderObjs (dblclick)="addNewFolderRoute(folder.folderid)">
  <mat-icon>folder</mat-icon>
  <span>{{folder.folderName}}</span>
</div>

Answer 1

Попробуйте это

<div *ngFor="let folder of folderObjs" (dblclick)="addNewFolderRoute(folder.folderid)" (click)="activeFolder=folder" class="folder" [class.green]="folder==activeFolder">
    <mat-icon>folder</mat-icon>
    <span>{{folder.folderName}}</span>
</div>

и css

.folder:hover {
   background:yellow;
 }

.folder.green {
   background:green;
}