FormGroup.controls
时间: 2023-10-25 15:06:45 浏览: 126
FormGroup.controls 是 Angular 中的一个属性,用于获取 FormGroup 实例中的所有 FormControl 或 FormGroup。它返回一个键值对的对象,其中键是表单控件的名称,值是对应的 FormControl 或 FormGroup 实例。
例如,假设有一个名为 myForm 的 FormGroup,其中包含两个 FormControl:name 和 age。可以使用 `myForm.controls` 来访问这两个 FormControl。示例代码如下:
```
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';
@Component({
selector: 'app-my-form',
templateUrl: './my-form.component.html',
styleUrls: ['./my-form.component.css']
})
export class MyFormComponent implements OnInit {
myForm: FormGroup;
ngOnInit() {
this.myForm = new FormGroup({
name: new FormControl(''),
age: new FormControl('')
});
}
onSubmit() {
console.log(this.myForm.controls.name.value);
console.log(this.myForm.controls.age.value);
}
}
```
在上面的示例中,我们创建了一个名为 myForm 的 FormGroup,并使用 FormControl 初始化了 name 和 age。在 onSubmit 方法中,我们通过 `this.myForm.controls.name.value` 和 `this.myForm.controls.age.value` 分别获取了 name 和 age 的值。
请注意,前提是您已经正确导入了 FormGroup 和 FormControl,并已在模板中使用了相应的表单指令。
阅读全文