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

Question

我有一个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);
       })
    );
}

Answer 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(...);
}