RxJS subscribe多回调参数已废弃，Angular项目如何修改？

问题背景 #

IDE给出的废弃提示：

deprecated 
Observable<LoginResult>.subscribe(     
next?: (value: LoginResult) => void,     
error?: (error: any) => void,     
complete?: () => void): 
Subscription

Instead of passing separate callback arguments, use an observer argument. Signatures taking separate callback arguments will be removed in v8.

当前使用的subscribe代码：

this.loginService.login(request)
  .subscribe(
    next => (data: LoginResult) => {
    if (this.authService.setToken(data.tokenType, data.accessToken)) {
      localStorage.setItem('eMail', request.email)
      this.router.navigate(['/dashboard']);
    }
  }, error => {
    alert(error.error.message)
  });

需要修改为符合规范的写法，确保现在修改后未来升级Angular/RxJS时无需重复改写订阅逻辑。

正确写法 #

将分开传递的回调函数封装成一个Observer对象传入subscribe，这是RxJS官方推荐的写法，兼容当前版本同时适配未来版本要求：

this.loginService.login(request)
  .subscribe({
    next: (data: LoginResult) => {
      if (this.authService.setToken(data.tokenType, data.accessToken)) {
        localStorage.setItem('eMail', request.email);
        this.router.navigate(['/dashboard']);
      }
    },
    error: (error) => {
      alert(error.error.message);
    }
    // 可选：如需处理完成逻辑，可添加complete回调
    // complete: () => {
    //   console.log('登录请求已完成');
    // }
  });

核心说明 #

• 采用对象字面量形式，通过next、error、complete属性分别定义对应逻辑，替代原有的多参数传递方式
• 该写法完全兼容当前RxJS版本，且符合v8及之后的规范，后续升级无需重复修改
• 同步修复了原代码中next => (data: LoginResult) => {}的语法错误，箭头函数需直接定义参数与函数体

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