Как добавить новые свойства к объекту данных формы из reactive from?

#angular

#angular

Вопрос:

Как вы можете видеть, в настоящее время я отправляю данные формы, поскольку this.loginForm.value теперь дело в том, что у меня слишком много свойств, planId и service которые я хочу отправить вместе с данными. Один из способов заключается в том, что я воссоздаю объект, как показано ниже, и отправляю его, но это не удобно.

 const userDetails = {
    email: this.loginForm.controls.email.value,
    password: this.loginForm.controls.password.value,
    planId: this.planId,
    service: this.service
    }
  

 export class LoginComponent
          planId = "2";
          service = "seo";
          ngOnInit() {
            this.loginForm = this.formBuilder.group({
              email: ['', [Validators.required, Validators.email]],
              password: ['', Validators.required]
            })

            onSubmit() {

            this.auth.loginUser(this.loginForm.value).subsribe((res)=>{
             ........
            })
       }
  

Ответ №1:

Может быть, это поможет

 const objData = Object.assign({'planId' : this.planId, 'service': this.service},this.loginForm.value);

this.auth.loginUser(objData ).subsribe((res)=>{
    ........
})
  

Комментарии:

1. это создаст объект

Ответ №2:

Может быть, вы можете попробовать вот так…

 let data = this.loginForm.value;
data['planId'] = this.planId;
data['service'] = this.service;
this.auth.loginUser(data).subsribe((res)=>{
    ........
})