Angular中已弃用Subscribe的处理方案咨询

我在开发Angular CRUD应用时遇到了问题：userUpdate()方法里的subscribe出现弃用提示，点击更新按钮后浏览器控制台报错，但PUT功能实际上能正常完成数据更新，一直找不到解决办法。

以下是相关代码和报错情况：

代码片段 #

TypeScript 更新方法（userUpdate） #

userUpdate() {
  if (this.userForm.valid) {
    console.log(this.userForm.value, 'updatedform');
    this.service.updateData(this.userForm.value,this.getparamId).subscribe((res) => {
        console.log(res, 'resupdated');
        this.successmessage = res.message;
        this.errormessage = null;
      },
      (error) => {
        console.error(error);
        if (error.error && error.error.message) {
          this.errormessage = error.error.message;
        } else {
          this.errormessage = 'An error occurred while updating data.';
        }
      }
    );
  } else {
    this.errormessage = 'All fields are required';
  }
}

HTML 按钮代码 #

<div class="col-lg-4 mt-2" *ngIf="!getparamId">
  <!-- Use (click) instead of (onclick) -->
  <button class="btn btn-primary btn-sm" (click)="userSubmit()">Create</button>
</div>

<div class="col-lg-4 mt-2" *ngIf="getparamId">
  <!-- Use (click) instead of (onclick) -->
  <button class="btn btn-dark btn-sm" (click)="userUpdate()">Update</button>
</div>

报错情况 #

• IDE提示subscribe方法已弃用
• 点击更新按钮后浏览器控制台出现报错信息
• PUT请求能正常完成数据更新，但上述弃用提示和控制台报错无法解决

内容的提问来源于stack exchange，提问作者Visesh Bentula