Using ngClass for selected value for a background color change

I want to change the background color of value selected. I have tried it using ng class and ngmodel but is not working as per expectations. Below is my parent ts file.

users = USERS;
selectedUser = 0;
isSelected = false;
constructor() { }
ngOnInit() {

}
onSelect(index): void {

this.selectedUser = index;

console.log(this.selectedUser);

}

}

Below is my parent html file.

<div class=“row details-container”>

<div class=“col-md-4 col-sm-12”>

<table class=“table table-striped table-bordered table-hover”>

<tr *ngFor=“let user of users; let i = index” (click)=“onSelect(i)” [ngClass]=“{select: isSelected}”>

<td>{{ user.name }}</td>

</tr>

</table>

</div>

<div class=“col-md-8 col-sm-12” >

<app-child-detail [(ngModel)]=“isSelected” [users]=“users[selectedUser]”>

</app-child-detail>

</div>

</div>

Added following in my css file:

 .select {

background-color: black;

}

Following is my child component html file:

<table class=“table table-striped table-bordered table-hover”>

<tr>

<td><b>Id: </b>{{ users.id }}</td>

<td><b>Name:</b>{{ users.name }}</td>

<td><b>Location:</b>{{ users.location }}</td>

</tr>

</table>

I want to use ngclass only for selected value for changing its background

#angular #typescript