如何在angular 6中使用Reactive form发送带有另一个FormControl的FormData？

在Angular 6中，可以使用Reactive Forms来发送带有另一个FormControl的FormData。下面是一个完善且全面的答案：

Reactive Forms是Angular中用于处理表单的一种方式，它提供了一种响应式的方法来处理表单数据。使用Reactive Forms，可以轻松地创建和管理表单控件，并且可以方便地对表单进行验证和处理。

要在Angular 6中使用Reactive Forms发送带有另一个FormControl的FormData，可以按照以下步骤进行操作：

1. 首先，确保已经导入了FormsModule和ReactiveFormsModule模块。可以在app.module.ts文件中添加以下导入语句：

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    FormsModule,
    ReactiveFormsModule
  ],
  // ...
})
export class AppModule { }

1. 在组件的.ts文件中，创建一个FormGroup对象，并在其中定义FormControl。例如，假设我们有一个名为myForm的FormGroup对象，并且我们想要在其中包含一个名为name的FormControl和一个名为email的FormControl，可以按照以下方式创建：

import { FormGroup, FormControl } from '@angular/forms';

@Component({
  // ...
})
export class MyComponent {
  myForm: FormGroup;

  constructor() {
    this.myForm = new FormGroup({
      name: new FormControl(''),
      email: new FormControl('')
    });
  }

  // ...
}

1. 在模板文件(.html)中，将FormGroup对象绑定到form元素，并将FormControl绑定到相应的表单控件。可以使用ngModel指令将FormControl与表单控件进行双向绑定。例如，可以按照以下方式创建一个包含两个输入框的表单：

<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
  <input type="text" formControlName="name" placeholder="Name">
  <input type="email" formControlName="email" placeholder="Email">
  <button type="submit">Submit</button>
</form>

1. 在组件的.ts文件中，可以通过订阅FormGroup的valueChanges属性来获取表单数据的变化。例如，可以在构造函数中添加以下代码：

this.myForm.valueChanges.subscribe(value => {
  console.log(value);
});

1. 最后，在组件的.ts文件中，可以通过调用FormGroup的getRawValue()方法来获取原始的FormData对象。例如，可以在提交表单的方法中添加以下代码：

onSubmit() {
  const formData = this.myForm.getRawValue();
  console.log(formData);
  // 在这里可以使用formData发送请求或进行其他处理
}

通过以上步骤，就可以在Angular 6中使用Reactive Forms发送带有另一个FormControl的FormData。请注意，以上代码仅为示例，实际应用中可能需要根据具体需求进行调整。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）

腾讯云云服务器（CVM）：腾讯云提供的弹性计算服务，可快速部署云服务器实例，提供高性能、高可靠的计算能力，适用于各种场景和工作负载。

腾讯云对象存储（COS）：腾讯云提供的海量、安全、低成本的云端存储服务，可用于存储和处理各种类型的数据，适用于静态网站托管、大规模数据备份、多媒体存储和分发等场景。

更多关于腾讯云产品的信息和产品介绍，可以访问腾讯云官方网站：https://cloud.tencent.com/