以角度循环遍历组件

如何解决以角度循环遍历组件

在display：flex div容器中有多个角度分量。我从API接收到数据表，该表具有与组件一样多的行。每行都是该组件的数据。组件具有@Input，它对应于数据行。 我想要一个执行此伪代码的循环：

For i=0 to container.children.count-1{
    cast(container.children[i] as mycomponent).Input=datatable.row[i]
}

解决方法

您可以用＃标记您的孩子，并使用@ViewChildren批注获取它

HTML：

<child #ChildRef></child>
<child #ChildRef></child>
<child #ChildRef></child>

TS：

@ViewChildren('childRef') childRefs;
getChilds = () => {
  return this.childRefs.toArray();
}

另一种方法，更清洁/由事件驱动：

您还可以做的是创建服务，注入父项并 子组件，这些组件订阅服务，您可以 通知孩子更新他们的值，父母发出更新事件。

NgModel方式：

https://angular.io/guide/two-way-binding

使用TwoWayDataBinding [（ngModel）] =“ ObjectRef”