Typescript 如何判断哪个按钮被触发

问题描述

有两个按钮分别为计数＋1及-1的功能，假设已经计数到10，接着通过-1的按钮计数到3时，我想通过一个判断式知道接下来是＋1的按钮被触发，还是-1的按钮被触发，且根据触发按钮的不同执行不同的方法

Html

<button class="button button2"  (click) ="increment()">+</button> 
<button class="button button2"  (click) ="decrement()">-</button>

Typescript

increment(){
    this.Value++
    if(this.Value ==10){
      this.play1()
    }
 }      
   decrement(){
     this.Value--
     if(this.Value == 3) {   
      this.play2()         
     }
}

该怎么解决这个问题呢？

解决方案

最简单的，绑定的函数里传参，根据传参去判断

<button class="button button2"  (click) ="increment('addition')">+</button> 
<button class="button button2"  (click) ="decrement('reduce')">-</button>