как представить скрытое поле ввода в реактивных формах, используя угловой 6

Question

Я присвоил значение полю ввода, используя объект json, и это поле скрыто. Когда я отправляю форму, я получаю пустое значение. Поэтому любой поможет мне, как отправить форму со скрытым вводом.

Вот мой html:

<form [formGroup]="form">
 <div *ngFor="let measurementcriteria of measurement_criterias">
     <input formControlName="measurement_criteria_id" type="hidden"                                                                        
        id="measurement_criteria_id" class="form-control" 
        value="{{measurementcriteria.id}}"                                                                     
        name="measurement_criteria_id">
  </div> 
     <button class="btn btn-sm btn-success"                                                            
       (click)="saveSelfRating()"> Submit </button>                                                 
</form>

Вот мой ts:

export class  BaseDataComponent implements OnInit {
public form : FormGroup;

ngOnInit() : void {
this.ratingForm = this.fb.group({
            measurement_criteria_id : [null],
            self_assessment: [null],
            self_rating: [null],

            })
}

saveSelfRating() {
    console.log(this.form.value);
}
}