Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何克隆组件?_Angular - Fatal编程技术网

Angular 如何克隆组件?

Angular 如何克隆组件?,angular,Angular,我在模板中有一个组件: <app-post></app-post> 如何通过单击事件克隆它并将其插入到最后一个位置 克隆的组件应作为独立组件工作。1-使用循环: <ng-container *ngFor="let post of posts"> <app-post [post]="post"></app-post> </ng-container 你可以用NGF来做这个。例如

我在模板中有一个组件:

<app-post></app-post>

如何通过单击事件克隆它并将其插入到最后一个位置

克隆的组件应作为独立组件工作。

1-使用循环:

<ng-container *ngFor="let post of posts">
    <app-post [post]="post"></app-post>
</ng-container


你可以用NGF来做这个。例如,创建一个数组,并在click事件起作用时将新项添加到该数组中。如果你需要一个例子,让我知道。其实很简单。在组件中初始化一个数组,并在该数组中向该组件添加一个*ngFor。添加一个按钮,单击该按钮可调用一个方法,该方法将按下按钮,数组中的其他项和Angular将完成其余操作。@MikeOne我只写了较少的字符:)的确如此。你能回答吗?@MikeOne如果你想回答,我们走。我会投票赞成你的答案:)