Angular反应形式-基于Promise的html中ngfor设置值

Question

我有一个获取结果列表的组件，然后将值之一以使用角反应形式的形式馈送到子组件。我在html表单中设置了值，我可以看到它，但是似乎没有注册为formgroups值的一部分，因为每次我提交表单threadId显示为null时，我猜是因为它在视图init之后显示，但是我似乎无法弄清楚如何设置它或使表单意识到那里有一个价值

    ngOnInit() {
        this.loadForm();
    }

    ngAfterViewInit() {
        this.loadForm();
    }


    loadForm(): void {
        this.form = this.fb.group({
            threadId: [''],       
            comment: ['', Validators.compose([Validators.required, Validators.minLength(1)])]
        });
        this.form.valueChanges.subscribe(data => console.log('form changes', data));
    }  

并且html是

..ngfor item here feeds into this

          <form [formGroup]="form">
          <input formControlName="threadID" value="{{ item.threadID }}" />   
          <textarea formControlName="comment" type="text" placeholder="{{ 'COMMENT_REPLY' | translate }} "></textarea>    
          <button [disabled]="form.invalid" (click)="submit()"  type="submit" expand="block" color="secondary" fill="outline">
            poost
          </button>   
        </form>   ```