Question

我有一个反应式表单，该表单从数据库中获取值并将其设置在字段中。该表格用于将值更新到数据库。编辑字段中的值后，可以成功更新更新后的字段。但是，如果未触摸这些值，则表单将无法获取字段中的值，从而导致空值。

<form [formGroup]="myForm" (ngSubmit)="onSubmit(myForm)">
    <div class="form-group">
        <label for="title">Title</label>
        <input type="text" class="form-control" formControlName="title" id="title" value="{{review.title}}">
    </div>
    <button class="btn btn-danger" type="submit">Update Review</button>
</form>

Answer 1

这是不正确的

value="{{review.title}}"

您必须在组件中设置控制值。例子

this.myForm = this.fb.group({  title: [review.title, [Validators.required]] })

或者，当您从数据库中获得价值时，您可以patch获得新价值。

this.myForm.patchValue({ title: 'value from database' })

角反应形式没有价值

1 个答案: