角5提交(单击)以一对一调用多个方法

rai*_*han 7 click typescript angular angular5

我正在使用角度5并面临问题。我想提交(单击)事件并一一调用两种或多种方法。请给我想法或解决方案,以便我可以提交(单击)事件并调用两个或多个方法。

.html文件

   <button (click)="abc(); bcde()"></button>
Run Code Online (Sandbox Code Playgroud)

.ts文件

  first method  
  abc(){}

  second method method
  bcde(){}
Run Code Online (Sandbox Code Playgroud)

这是正确的方法吗 请建议我并帮助我解决这个问题

小智 17

你也可以

<button (click)="[abc(), bcde()]"></button>
Run Code Online (Sandbox Code Playgroud)


V_f*_*_Vj 6

这是我猜的正确方法。它对我有用。

<button (click)="abc(); bcde()"></button>
Run Code Online (Sandbox Code Playgroud)


Aru*_*esh 5

<button (click)="callall()"></button>
Run Code Online (Sandbox Code Playgroud)

制作一个函数并在其中调用所有函数

功能1

abc(){}
Run Code Online (Sandbox Code Playgroud)

功能2

bcde(){}
Run Code Online (Sandbox Code Playgroud)

调用两个共同的功能

 callall(){

        this.abc()
        this.bcde() 
}
Run Code Online (Sandbox Code Playgroud)