在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方法获取表单字段的值。
这是一个基本的例子,你可以根据自己的需求进行修改和扩展。