如何在angular 6/7中使用动态id onclick按钮创建div
如何在angular 6/7中使用动态id onclick按钮创建div
提问于 2019-04-23 02:11:57
在angular 6中，我需要在单击时创建button.The每次新创建的div在container.Here中应该有不同的is是下面的代码
app.html
<button (click)="creatediv()">Create div</button>
<div class="container">
<div id="div1">Newly div created</div>
<div id="div2">Newly div created</div>
</div>app.ts
creatediv() {
}回答 1
Stack Overflow用户
回答已采纳
发布于 2019-04-23 02:16:23
您可以在组件.ts中使用数组，并在模板中迭代此数组：
模板：
<button (click)="createDiv()">Create div</button>
<div class="container">
<div *ngFor="let div of divs" id="div{{div}}">Newly div created</div>
</div>组件：
export class DivsComponent {
divs: number[] = [];
createDiv(): void {
this.divs.push(this.divs.length);
}
}对于反向顺序，您可以将createDiv方法更改为：
createDiv(): void {
this.divs.unshift(this.divs.length);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55798984
复制相关文章
相似问题
腾讯云开发者
