我有一个用于编辑数据的表单。
当我打开表单时,我的输入中会得到Title
值。
但是{{ uForm.value | json }}
显示为空,如果我在输入中输入一个字符,则uForm.value会更新
{{ uForm.value | json }}
<form [formGroup]="uForm" (submit)="saveItem()">
<div class="group">
<div class="field">
<label>Title</label>
</div>
<div class="field">
<input formControlName="Title" type="text" class="full" name="Title" value="{{userData.Title}}">
</div>
</div>
</form>
uForm: any;
constructor(private formBuilder: FormBuilder) {
this.uForm = this.formBuilder.group({
'Title': ['', Validators.required],
});
我尝试了什么
constructor(private formBuilder: FormBuilder) {
this.uForm = this.formBuilder.group({
'Title': [this.userData.Title, Validators.required], // Cannot read property 'Title' of undefined
});
如何将值userData
绑定到uForm?因为现在如果我想更新一个值,其他的都是空的