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

Posted 2023-03-05

【中文标题】动态按钮需要在 div 容器内添加 angular

【英文标题】：dynamically buttons need to add inside div container angular

【发布时间】：2021-08-04 12:35:10

【问题描述】：

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

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

这是我的stackblitz 链接

【问题讨论】：

请让我知道需要添加什么不要关闭工单

你的意思是像stackblitz.com/edit/…这样的东西吗？ （我没有投反对票）

@eko 感谢几乎是正确的，但在这里我还有一个查询如何向该函数添加方法

类似stackblitz.com/edit/… ?

嗨@eko你可以发布作为答案我可以投票几乎我们已经完成我会做CSS更改你可以在电报中使用你能分享其他联系方式

【参考方案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