Angular项目中如何替换已弃用的subscribe函数？解决报错问题

问题原因 #

RxJS 近期版本弃用了 subscribe 传入多个独立回调参数（next、error）的写法，转而要求传入一个包含对应回调属性的配置对象，目的是让代码结构更清晰，也便于扩展更多回调逻辑。

你的代码修复方案 #

把原来的两个独立回调参数，改成一个包含 next 和 error 属性的对象即可：

onSignup(){
    console.log(this.signupForm)
    this.authService.signup({
      'email': this.signupForm.get('email').value,
      'username': this.signupForm.get('username').value,
      'name': this.signupForm.get('name').value,
      'password': this.signupForm.get('passwords.password').value
    })
    .subscribe({
      next: (data: AuthResData) => {
        this.isLoginMode = true;
        this.success='Signup was successful';
        this.error = null;
      },
      error: (errorRes) => {
        console.log(errorRes);
      }
      // 如果需要处理请求完成后的逻辑，可以添加complete回调
      // complete: () => { console.log('注册请求已完成') }
    })
}

额外提示 #

作为Angular新手，还有两个关键点需要注意：

• 务必在组件销毁时取消订阅，避免内存泄漏。可以用 takeUntil 操作符配合组件的 ngOnDestroy 生命周期，或者直接在模板中使用 async 管道（如果Observable直接绑定到模板的话）。
• 这种对象式的写法扩展性更强，后续需要添加complete回调时，直接在对象中新增属性即可，无需调整参数结构。

内容的提问来源于stack exchange，提问作者Cade W