如何在角度6的循环中添加组件

Question

我有一个带有2个输入字段的组件。当用户单击添加按钮时，它应该每次都弹出一行。最后，所有输入都应以对象数组的形式收集。

例如 组件模板具有

model : Search{
input1: String
input2: String
}

当用户单击添加按钮时，这应该显示为一行。最后应将结果收集为Search[]

页面加载后，理论上应在ngFor中显示组件

  <*ngFor="on search components">
         <app-search> </app-search>
 </>

Answer 1

在我看来，您想要类似的东西

<app-search
    [inputOne]="search.input1"
    [inputTwo]="search.input2" 
    *ngFor="let search of searchArray">
</app-search>

这是假设searchArray是您的类的公共属性，类型为Search[]。