javascript - 根据 id 减去数量
问题描述
实际上我想根据 id 减去数量。当用户单击“A”上的按钮时,“A”的数量应该减少 1。这个演示代码stackblitz
HTML
<p *ngFor="let item of arrayOfArray">
Name: {{item.name}} Quantity: {{item.quantity - currentIndex}} <button (click)="addItem(item)">minus Quantity</button>
</p>
零件
public currentIndex = 0;
arrayOfArray = [
{id: '1', name: 'A', quantity: '12'},
{id: '2', name: 'B', quantity: '29'},
{id: '3', name: 'C', quantity: '21'},
{id: '4', name: 'D', quantity: '11'}
]
addItem(val){
if(val.id){
this.currentIndex += 1;
}
}
解决方案
你这样做是不对的 。检查这个演示代码
对于 html
<p *ngFor="let item of arrayOfArray">
Name: {{item.name}} Quantity: {{item.quantity}}
<button (click)="minusItem(item)">minus Quantity</button>
</p>
minusItem(val){
if(val.id){
for (let ele of this.arrayOfArray) {
if (ele.id === val.id){
ele.quantity--;
break
}
}
}
}
推荐阅读
- javascript - TypeError:没有'new'就不能调用类构造函数分页
- emulation - 操作码中的addr是什么意思 0x3a LDA addr intel 8080
- fonts - 如何为 GitHub-Pages 支持的网站实现基本页面查看计数器?
- python - 有没有更好的方法从 Python 列表中排除元素?
- android - 持久权限 URI android Q
- java - JUnit5 控制台启动器在提供的类路径中找不到任何测试
- vb.net - 复选框窗口应用程序
- python-3.x - python 3:mercurial中的字节与str
- python - 通过设置 DPYTHON_LIBRARY 变量使 cmake 链接到正确的 Python 库
- c# - C# 二维数组插值