Angular中的FormGroup和FormControl是用于处理表单的重要概念。FormGroup是一个表单控件的集合，它可以包含多个FormControl，而FormControl则代表了一个单独的表单控件。

下面是一个使用FormGroup和FormControl的示例代码：

1. 导入必要的模块和类：

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

2. 创建一个FormGroup对象并定义FormControl：

@Component({
  selector: 'app-form',
  template: `
    

      
      提交
    
  `
})
export class FormComponent {
  myForm: FormGroup;

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

  onSubmit() {
    console.log(this.myForm.value);
  }
}

在上面的代码中，我们创建了一个名为myForm的FormGroup对象，并为其添加了一个名为name的FormControl。然后，我们在模板中使用formGroup指令将myForm与表单元素绑定在一起，并使用formControlName指令将name FormControl与input元素绑定在一起。

3. 在模块中引入FormsModule和ReactiveFormsModule：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { FormComponent } from './form.component';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule
  ],
  declarations: [FormComponent],
  bootstrap: [FormComponent]
})
export class AppModule { }

在上面的代码中，我们将FormsModule和ReactiveFormsModule添加到模块的imports数组中，以便能够在应用中使用表单相关的功能。

最后，将FormComponent添加到模块的declarations数组中，并将其设置为应用的根组件。

这样，我们就可以使用FormGroup和FormControl来处理表单了。在上面的示例中，当用户提交表单时，我们会将表单的值打印到控制台上。你可以根据自己的需求，对表单的值进行处理。