Angular2/JavaScript-按1递增/递减(单击）

Angular2/JavaScript - Increment/Decrement by 1 on (click)

本文关键字：单击 递减 JavaScript- Angular2 递增      更新时间：2023-09-26

当用户按下添加按钮时，我希望递增/递减，然后相应地更新金额值。我试过几次，但不幸的是我没有成功！

这是代码：

  addToCart(){
  this.amount = 1;
  }
  addItem(){
    this.amount++;
    console.log('plus is : '+this.amount++)
  }
  removeItem(){
   this.amount--;
   console.log('plus is : '+this.amount--)
  }

HTML:

   <div (click)="addToCart()">ADD</div>
   <div (click)="removeItem()" class="btnSign">-</div> 
   <div>{{amount}}</div> 
   <div (click)="addItem()" class="btnSign">+</div>

错误在于使用++

export class HelloWorld {
public amount:number;
addToCart(){
this.amount = 1;
}
addItem(){
this.amount=this.amount+1;
console.log('plus is : '+this.amount)
}
removeItem(){
this.amount=this.amount-1;
console.log('plus is : '+this.amount)
}

}

这是plunker

相关文章：