问题描述: 在使用Angular的自动完成表单时,无法将初始值填充到表单中。
解决方法:
export class MyComponent implements OnInit {
myValue: string;
ngOnInit() {
this.myValue = "初始值";
}
}
import { FormBuilder, FormGroup } from '@angular/forms';
export class MyComponent implements OnInit {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {}
ngOnInit() {
this.myForm = this.formBuilder.group({
myControl: [null]
});
this.myForm.controls['myControl'].setValue("初始值");
}
}
注意:如果使用了Reactive Forms(响应式表单),需要使用FormGroup和FormControl来定义表单,并使用setValue方法将初始值填充到FormControl中。