Angular UserComponent Example

user.component.ts

export class UserComponent implements OnInit {
  users: User[];

  constructor(private userService: UserService) {}

  ngOnInit() {
    this.userService.getUsers().subscribe((users: User[]) => this.users = users);
  }

  userCreated(user: User) {
    this.users = [...this.users, user];
  }

  userUpdated(user: User) {
    this.users = this.users.map(u => u.id === user.id ? u = user : u);
  }

  userDeleted(user: User) {
    this.users = this.users.filter(u => u.id !== user.id);
  }
}