如何在 angular-httpclient 中映射请求参数字段？答案

【问题标题】：How to map request parameter fields in angular-httpclient?如何在 angular-httpclient 中映射请求参数字段？
【发布时间】：2021-11-12 04:09:55
【问题描述】：

我有一个 Angular 项目，它有一个用户注册表单，它创建以下注册对象，然后将其传递给注册服务。但是，服务请求参数是 underscore_cased。如何在发送 http 请求之前将 firstName 和 lastName 重新映射到 first_name 和 last_name？

export class Registration {
  email: string;
  firstName: string;
  lastName: string;
}

register(registration: Registration) {
    console.log('Registration submitted', registration);
    return this.http.post(`${environment.authUrl}/auth/register`, registration).pipe(
       catchError(err => {
            console.log('Handling error locally and rethrowing it...', err);
            return throwError(err);
       })
    );
}

【问题讨论】：

标签： javascript angular rxjs angular-httpclient

【解决方案1】：

您可以使用所需的键名创建一个新对象，并使用注册对象的值初始化该新创建的对象。

register(registration: Registration) {
  const registerUserObject = {
    'first_name' : registration.firstName,
    'last_name' : registration.lastName,
    'email' : registration.email
  } ;
   
  return this.http.post(`${environment.authUrl}/auth/register`, registerUserObject).pipe(...);
}

【讨论】：