问题描述: 当使用Angular中的表单组初始化问题时,可能会遇到不显示正确值的问题。
解决方法:
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup } from '@angular/forms';
@Component({
selector: 'app-my-component',
templateUrl: './my-component.component.html',
styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
myForm: FormGroup;
constructor() {
this.myForm = new FormGroup({
name: new FormControl('John'),
age: new FormControl(25)
});
}
ngOnInit() {
// 初始化表单控件的值
this.myForm.patchValue({
name: 'John',
age: 25
});
}
}
这样,表单组初始化后,输入框将显示正确的值。
希望这个解决方法对你有帮助!