如何在angular 6的div上添加徽章？
我在html中有动态div。我想增加特定div的计数器。例如，我有五个div，其id为（div1，div2，div3，div4，div5），并且我有一个按钮名称增加计数器，该计数器为所有div增加计数器，但我想增加计数器特定div的值请找到随附文件。
请找到快照：
我已附上示例代码：
这是用于显示div的html：
<div class="container text-center">
<div class="row">
<div class="col-sm" *ngFor="let item of [1,2,3,4,5]; let index" style="height:120px; border:1px solid #ccc">
Div {{ index }} <label calss="badge badge-default">0</label>
</div>
</div>
<br />
<p><a (click)="increaseCounter(index)" class="btn btn-primary" style="cursor: pointer">Increase Counter</a></p>
</div>
这是.ts文件中的函数：
increaseCounter(k) {
this.counter++;
}
我想在特定div上添加计数器。
请帮助我如何在角度6中做到这一点？
最佳答案
您可能需要稍微调整一下，但是可以使用Bootstrap's Badges
像这样使用它：
<button (click)="div1Counter = div1Counter + 1" type="button" class="btn btn-primary">
DIV 1 <span class="badge badge-light">{{ div1Counter }}</span>
</button>
这是供您参考的Working Sample StackBlitz。