angular реактивные формы не имеют значения

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