Angular 子组件以4/5的父形式返回null

我有一个可重用的组件，它只允许用户选择一些记录

当子组件中的记录正确显示时，所选/输入的数据始终返回null

这是两者的精简结构（为了空间的目的删除了一些元素）

html：

<select formControlName="rec">
  <option value="1">Lower</option>
  <option value="2">Higher</option>
</select>

Parent.html

 <form [formGroup]="rForm" (ngSubmit)="processForm(rForm.value)">

  <div formGroupName="hr">
  <app-hr></app-hr>
  </div>

  <input type="text" formControlName="reason"/>

 </form>

不确定我是否理解正确，但我认为您应该在子组件中使用Output（），并发出所选值：

this.example.emit（value），并在父组件中侦听？
哦，没有发射就没有办法？好的，让我试试。@NieSelam这是父/子组件通信的方式。还有一种方法可以创建通信服务，但它主要用于不同级别/位置的组件之间的通信，对于父/子级来说，这是一种很好的方法。
this.rForm = fb.group({      
  'hr': fb.group ({
        'rec' : [null, []],

      }),      
  'reason':[null,[Validators.required]]
});

processForm(post){
    console.log(post.hr); //===================>returns null for all child elements tho selected
}

 <form [formGroup]="rForm" (ngSubmit)="processForm(rForm.value)">

  <div formGroupName="hr">
  <app-hr></app-hr>
  </div>

  <input type="text" formControlName="reason"/>

 </form>