angular 5提交(点击)逐个调用多个方法

时间:2018-01-18 09:14:19

标签: angular typescript click angular5

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

,例如

.html文件

   <button (click)="abc(); bcde()"></button>

.ts文件

  first method  
  abc(){}

  second method method
  bcde(){}

这是一种正确的方法。请建议我帮我解决这个问题

3 个答案:

答案 0 :(得分:6)

您也可以

<button (click)="[abc(), bcde()]"></button>

答案 1 :(得分:4)

<button (click)="callall()"></button>

制作一个函数并调用

中的所有函数

功能1

abc(){}

功能2

bcde(){}

在通用功能中调用

 callall(){

        this.abc()
        this.bcde() 
}

答案 2 :(得分:3)

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

<button (click)="abc(); bcde()"></button>