Angular 6 Observable Http получить асинхронный

Question

Я новичок в работе и у меня проблемы с получением асинхронных данных из http-клиента, мой код:

Служба пользователя:

  getAll(): Observable<User[]> {
    return this.http.get<User[]>(`${this.API_URL}/users`);
  }

  registerUser(user: User) {
    return this.http.post(`${this.API_URL}/api/auth/registerUser`, user);
  }

Модель пользователя:

export class User {
  id: number;
  name: string;
  username: string;
  surname: string;
  email: string;
  password: string;
  street: string;
  numberStreet: string;
  postalCode: string;
  city: string;
}

Компонент списка пользователей:

export class UserListComponent implements OnInit {

  public data: User[];

  constructor(private userService: UserService, private modalService: NgbModal) {
  }

  ngOnInit() {
    this.getListUsers();
  }

  getListUsers() {
    this.userService.getAll().subscribe(
      restItems => {
        this.data = restItems;
      }
    );
  }

this.userService.registerUser(this.registerForm.value)
}

и теперь, если я добавляю пользователя и отправляю сообщение в базу данных, пользователь хранится, но спереди он не появляется.После перезагрузки страницы список пользователей, работающих