将属性/事件绑定到Angular中的内容子级

Question

我有一个组件ns-form-group，它有一个sum变量和一个computeSum()函数。它的标记是这个。我希望这是一个可重用的组件。

<ng-content></ng-content>

作为满足条件的孩子，我想传递我的ns-form-row组件的实例

  <ns-form-group>
    <ns-form-row [sum]="sum" (textChanged)="computeSum($event)"></ns-form-row>
  </ns-form-group>

并将以上标记放置在 app.component.html 中。我不知道如何将输入属性和ns-form-row事件与ns-form-group组件的变量和函数绑定在一起。你能帮忙吗？

Answer 1

我设法通过将标记更改为

来解决问题

<ns-form-group>
 <ns-form-row></ns-form-row>
</ns-form-group>

然后，我通过在ns-form-group组件的AfterContentInit事件中迭代那些内容子代的查询列表，来设法控制ns-form-row组件的状态。