Как я могу поместить div непосредственно под div, который создается директивой ngFor?

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-обертку, которая содержит как ваш значок редактирования, так и правкуДив внутри.Нажатие на кнопку устанавливает свойство редактирования для элемента, которое показывает div редактирования.Это основа и, вероятно, нуждается в настройках для удовлетворения ваших конкретных требований, но я сделал то, что мог, с тем, что вы дали.