在Angular中,可以使用FormGroup
和FormControl
来传递和验证输入作为Map。以下是一个使用FormGroup
和FormControl
的代码示例:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
FormGroup
对象:@Component({
selector: 'app-example',
template: `
`,
})
export class ExampleComponent {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.myForm = this.formBuilder.group({
name: ['', Validators.required],
email: ['', Validators.required],
});
}
submitForm() {
if (this.myForm.valid) {
const formData: Map = new Map();
formData.set('name', this.myForm.get('name').value);
formData.set('email', this.myForm.get('email').value);
console.log(formData);
}
}
}
在上面的代码中,myForm
是一个FormGroup
对象,它包含两个FormControl
:name
和email
。submitForm
方法被调用时,我们首先检查表单的有效性,然后创建一个Map
对象formData
,将输入字段的值添加到Map
中。
请注意,我们使用formControlName
指令将输入字段与FormControl
关联起来,并使用get
方法获取表单字段的值。
这是一个基本的例子,你可以根据自己的需求进行修改和扩展。