update delete and creation user

src/app/services/user.service.ts

@@ -4,12 +4,13 @@ import { UserInterface } from "../interfaces/user";
 import { HttpClient } from "@angular/common/http";
 import {environment} from '../../environments/environment'
 import { Observable } from "rxjs";
+import { Router } from "@angular/router";
 @Injectable({
     providedIn: 'root'
 })
 export  class UserService{
  apiurl = environment.APIURL
-  constructor(private http:HttpClient){
+  constructor(private http:HttpClient, private router:Router){
 
   }
 
@@ -29,7 +30,10 @@ export  class UserService{
     }
 
     deleteUser(user: User){
+      alert(user.id);
       return this.http.delete<User[]>(this.apiurl + '/' + user.id);
+
+
     }
 
   createUser(user: UserInterface): Observable<User []>{

src/app/user-detail/user-detail.component.ts

@@ -31,32 +31,27 @@ export class UserDetailComponent implements OnInit {
   ngOnInit(){
     
     this.route.params.subscribe( param => {
+      if(param['id']){
         const id = Number(param['id']);
         this.userService.getUser(id)
         .subscribe(user => this.user = user);
         
       }
-    )
+     } )
+  
     
   }
-  saveUser(){
-    alert(this.user.id)
-
-    
+  saveUser(){    
+    let obs;
     if(this.user.id >0){
-      alert(this.user.id)
-      this.userService.updateUser(this.user);
-
+      obs=this.userService.updateUser(this.user);
     }
     else{
-
-      this.userService.createUser(this.user);
-
-      
+      obs=this.userService.createUser(this.user);      
     }
-    this.router.navigateByUrl('/users')
-
-
+    obs.subscribe(resp => {
+      this.router.navigateByUrl('/users')
+    })
   }
   resetForm(form: { reset: () => void; }){
     if(this.user.id === 0){

src/app/users/users.component.ts

@@ -2,6 +2,7 @@ import { Component, EventEmitter, OnInit, Output } from "@angular/core";
 import { UserService } from "../services/user.service";
 import { User } from "../classes/user";
 import { Observable } from "rxjs";
+import { Router } from "@angular/router";
 
 @Component( {
     selector: 'app-users',
@@ -21,7 +22,7 @@ export class UsersComponent implements OnInit {
     public users$:Observable<User[]> = this.service.getUsers();
     @Output () updateUser = new EventEmitter<User>();
 
-    constructor(private service: UserService){
+    constructor(private service: UserService, private router: Router){
       
     }
     ngOnInit(){
@@ -29,7 +30,11 @@ export class UsersComponent implements OnInit {
      
     }
     onDeleteUser(user:User){
-      this.service.deleteUser(user);
+      this.service.deleteUser(user).subscribe(res =>{
+        location.reload();
+      }
+      );
+      
     
 
     }