“提交表单后，导航到其他组件并以Angular显示成功消息

Posted 2023-01-31

我有一个将数据发送到服务以将数据保存到DB中的组件。之后，我想重定向或导航到其他组件，并在那里显示成功消息。我已经实现了，但是我总是得到错误的值。我也不确定我是否正确实施了它。欢迎任何帮助。这是我的代码。

  Component class on submit etc 
    .....
   this.Service.updatePassword(this.neuesPassword);  //this will call the updatepassword  on service
   //after it will navigate to and pass queryParams
   this.router.navigateByUrl('/url', queryParams:  response: this.response  );
   
    //this is the service method that is called 
   public updatePassword(newPass: string) 
    let payload = new HttpParams();
    payload = payload.set('Pass', newPass);
    this.httpClient.post(this.URL_UPDATE_PASSWORD,  newPassword ).subscribe((response: boolean) => 
        this.isSaved = response;           
    );

在要显示ngOnInit（）上消息的组件上，方法[]

this.route.queryParams.subscribe(params => 
  this._isChanged = params['response'];

);
并且我希望_isChanged变量获取响应的值。我做错了什么。我也在这里send-data-through-routing-paths-in-angular 

但是我做错了。有什么帮助。谢谢

我有一个将数据发送到服务以将数据保存到DB中的组件。之后，我想重定向或导航到其他组件，并在那里显示成功消息。我已经实现了，但是我总是...

答案

问题专家，将内容发布到数据库是异步任务。在您导航到其他路径时，尚未调用http post订阅的回调函数。因此，您导航this.isSaved的位置尚未定义。