Angular 如何在父组件中使用子组件的ngModel？

我的Angular应用程序由一个大表单组成。我能够从每个字段捕获值并将其发布到服务器

但现在，我正试图将应用程序重新分解为几个子组件。 当我试图创建一个子组件时，我遇到了ngModel的以下问题

我已经创建了一个子组件选择器：应用程序条款条件

以下是子组件代码：

terms-conditions.component.html

但我不知道是否应该将值从子组件传递给父组件，或者如何传递，或者是否有更好的方法

---

有人能给我一些建议，或者举个具体的例子吗？非常感谢您的帮助

我认为你应该选择角度的反应形式。 首先在服务中定义一个表单组

this.formName = this.formBuilder.group({
  chkAcceptTerms: ['']
})

然后跨子组件共享此服务：

<card-footer [form]="formName">
    <checkbox
      id="accept"
      heading="I accept"
      name="accept"
      value="accept"
      formControlName="chkAcceptTerms"
      required>
    </checkbox>
  </card-footer>

---

更多信息

谢谢您的回答。如果我采用这种方法，是否可以添加更多子组件&只需将它们的formControlName添加到服务中？也就是说，在一个表单中有多个子组件是@user7554035。您甚至可以为每个子组件添加不同的组。这种方法是可伸缩的。太好了，所以如果我改用反应式表单。我需要对父组件中的此方法进行哪些更改（如果有）：this.postDatathis.chkaccepterms。。。；？此处的更多信息：当您想要获取所有值时，只需执行以下操作：this.postDatathis.formName.value

this.postData(this.chkAcceptTerms, ...);

this.formName = this.formBuilder.group({
  chkAcceptTerms: ['']
})

<card-footer [form]="formName">
    <checkbox
      id="accept"
      heading="I accept"
      name="accept"
      value="accept"
      formControlName="chkAcceptTerms"
      required>
    </checkbox>
  </card-footer>