如何将div直接放在由ngFor指令创建的div下？

Question

我有一个div指令创建的ngFor。 div包含一个可点击的编辑图标。就目前而言，每个div都有一个col-xs-4类，当有多个类时，它会并排设置div。我的目标是创建一个div，当按下编辑按钮时，它会直接出现在特定div的底部。因此，原始div仍将并排排列，而新的div将出现在您刚刚单击的特定div编辑按钮的底部。

这是到目前为止我尝试过的内容。 https://stackblitz.com/edit/angular-2j8cjr

Answer 1

代码在这里可以很有帮助，但是通常看起来像这样……

<div class="edit-wrapper col-xs-4" *ngFor="let item of items">
  <div class="edit-icon" (click)="item.editing = true"></div>
  <div class="edit-content" *ngIf="item.editing">..editing content...</div>
</div>

此ngFors会覆盖您的项目，并放置一个包装div，其中同时包含您的编辑图标和edit div。单击按钮在项目上设置编辑属性，这将显示编辑div。这是基本的操作，可能需要进行调整才能满足您的特定要求，但是我尽了您所能提供的一切。