angular - 单击角度 6 中的按钮时调用不同的函数

Question

嘿，我可能知道，如果有任何角度的可能性，我们可以在单击同一个按钮时调用不同的不同函数，例如在第一次单击时我想调用函数 A，然后在第二次单击时我想调用函数 B。如果是？那么请帮忙

<button (click)="onclick()" type="button">Save </button?

然后第一次点击后我想调用函数A

functionA()
{
}

然后在第二次点击功能B

functionB()
{
}

标签： angular

Answer 1

您可以在组件中定义一个属性，并在点击时增加逻辑。请看下面...

export class MyComponent {
  constructor() {}
  private buttonCounter:number = 0;

  click() {
  this.buttonCounter++;
  switch this.buttonCounter {
    case 1:
      functionA();
      break;
   case 2:
     functionB();
     break;
  default:
    break;


  }



  }