如何使用Angular 5在按钮单击上调用多种方法?

问题描述 投票:9回答:2

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

例如

。html文件

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

。ts文件

  first method  
  abc(){}

  second method method
  bcde(){}

这是执行此操作的正确方法。请建议我,并帮助我解决此问题

angular typescript click angular5
2个回答
6
投票
<button (click)="callall()"></button>

创建一个函数并在其中调用所有函数

功能1

abc(){}

功能2

bcde(){}

同时调用两个公用函数

 callall(){

        this.abc()
        this.bcde() 
}

24
投票

您也可以这样做

<button (click)="[abc(), bcde()]"></button>
© www.soinside.com 2019 - 2024. All rights reserved.