When delete record it must refresh page to see it deleted why and how to solve problem

See more:

Typescript

ASP.NET-Core

Angular6

problem

when delete record it must refresh page to see it deleted why and how to solve problem .

when delete data from database sql server it deleted success but not show it deleted

until i refresh or reload page

why this problem happen and how to solve problem ?

onDelete(id: number, index : number) {
    if (confirm('Are you sure to delete this record?')) {
      this.apiservice.deleteEmployee(id).subscribe(res => {
        this.apiservice.refreshList();
        this.employees.splice(index, 1);
        this.toastr.warning('Deleted successfully', 'EMP. Register');
        
   
    }
  }

What I have tried:

deleteEmployee(id : number ){
            return this.http.delete('https://localhost:44326/api/Employee/delete/'+id);

           }

on view

<tr *ngFor = "let emp  of employees ; let i = index">

<td><button (click)="onDelete(emp.employeeId,i)" class="btn btn-sm btn-outline-danger">X</button></td>