angular 无功 forms 不取值

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' })