在Angular 14中,UntypedFormBuilder和UntypedFormControl是新引入的类型,分别用于构建表单和表单控件。它们的目的是帮助开发者在模板驱动表单和响应式表单之间选择,也可用于支持高级表单功能(如嵌套表单)。UntypedFormControl是一个通用控件类,可以用于任何类型的表单控件,而UntypedFormBuilder是一种动态表单构建器。
下面是使用UntypedFormBuilder和UntypedFormControl的示例代码:
app.component.ts:
import { Component } from '@angular/core';
import { UntypedFormBuilder, UntypedFormControl } from '@angular/forms';
@Component({
selector: 'app-root',
templateUrl: './app.component.html'
})
export class AppComponent {
nameControl: UntypedFormControl;
constructor(fb: UntypedFormBuilder) {
this.nameControl = fb.control('');
}
}
app.component.html: