动态按钮需要在 div 容器内添加 angular答案

【问题标题】：dynamically buttons need to add inside div container angular动态按钮需要在 div 容器内添加 angular
【发布时间】：2021-08-04 12:35:10
【问题描述】：

目前我正在通过单击添加按钮来创建动态表单 (Angular)，这将创建我已经完成的操作。

我想添加两个按钮删除和保存。我不知道如何添加。

这是我的stackblitz 链接

【问题讨论】：

请让我知道需要添加什么不要关闭工单
你的意思是像stackblitz.com/edit/…这样的东西吗？（我没有投反对票）
@eko 感谢几乎是正确的，但在这里我还有一个查询如何向该函数添加方法
类似stackblitz.com/edit/… ?
嗨@eko你可以发布作为答案我可以投票几乎我们已经完成我会做CSS更改你可以在电报中使用你能分享其他联系方式

标签： javascript html angular angular8

【解决方案1】：

利用ngFor 的内置index 将有助于跟踪ngFor 内动态创建的div

    <div id="content">
      <div
        class="contentInside"
        *ngFor="let container of containers; let i = index"
      >
        I'm number {{ i }}
        <button (click)="saveMe(index)">Save</button>
        <button (click)="deleteMe(index)">Delete</button>
      </div>
      <button (click)="add()">Add</button>
    </div>

Stackblitz

【讨论】：