Router.navigate не работает в угловом приложении

Question

У меня есть следующий код для выполнения http PUT:

updateProduct(form: any) {
  this.productService.updateProduct(form, this.id).subscribe(
    (data: any) => data
  );
  this.route.navigate(['']);
}

service.ts:

 updateProducts(productForm, id) {


  const temp = {
        'description': productForm.description,
        'quality': productForm.quality
    };
    return this.httpObj.put(`${this.uri}/products/${id}`, JSON.stringify(temp), {
        headers: new HttpHeaders({
            'Content-Type': 'application/json'
        })
});
}

Проблема в том, что я могу выполнитьоперация обновления, но кнопка отправки не направляет к домашнему маршруту.

Answer 1

Вам необходимо разместить router.navigate в рамках подписки,

updateProduct(form: any) {
  this.productService.updateProduct(form, this.id).subscribe((data: any) => (
     this.route.navigate(['']);
 )};
};