UntypedFormBuilder、UntypedFormControl 等类型是 Angular 14 新增的类型，用于在表单构建过程中提供更灵活的类型约束。在 Angular 14 之前，我们需要使用比较复杂的泛型类型定义来描述表单结构，而这些类型会使表单构建变得非常冗长。UntypedFormBuilder、UntypedFormControl 等类型正是为了简化这个过程，使得我们可以更加轻松地构建表单。

以下是一个使用 UntypedFormBuilder 和 UntypedFormControl 的示例：

import { Component } from '@angular/core';
import { UntypedFormBuilder, UntypedFormControl } from '@angular/forms';

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

      
      
      
    
  `,
})
export class ExampleFormComponent {
  form = this.builder.group({
    name: new UntypedFormControl(''),
    email: new UntypedFormControl(''),
    // more form controls...
  });

  constructor(private builder: UntypedFormBuilder) {}
}

在上面的示例中，我们首先导入了 UntypedFormBuilder 和 UntypedFormControl 类型。然后在组件中创建一个表单，里面包含了两个表单控件：name 和 email。我们可以使用 builder.group() 方法来创建一个 FormGroup 对象，这个对象包含了所有的表单控件。注意，我们创建表单控件时使用的是 UntypedFormControl 类型，并将一个空字符串作为默认值传递给了它。这个值会被初始化到表单控件中，并且作为表单默认值。

使用 UntypedFormBuilder 和 UntypedFormControl 类型可以帮助我们写出更轻量、更简单的表单构建代码，提升开发效率