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

如何使用Angular 5在单击按钮时调用多个方法?,angular,typescript,click,angular5,Angular,Typescript,Click,Angular5,我正在使用angular 5并面临一个问题。我想提交(单击)事件并逐个调用两个或多个方法。请给我想法或解决方案,以便我可以提交(单击)事件并调用两个或多个方法 比如 .html文件 <button (click)="abc(); bcde()"></button> first method abc(){} second method method bcde(){} 这样做对吗。请建议我并帮助我解决这个问题 <button (click

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

比如

.html文件

   <button (click)="abc(); bcde()"></button>
  first method  
  abc(){}

  second method method
  bcde(){}
这样做对吗。请建议我并帮助我解决这个问题

<button (click)="callall()"></button>
职能2

bcde(){}
在公共函数中调用两者

 callall(){

        this.abc()
        this.bcde() 
}
你也可以

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

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

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


您面临什么问题?错误是什么?你可以从
abd()
调用其他
方法,就像这样
abc(){this.bcde();this.cdef();}
你能告诉我调用多个方法的正确方法吗。。我是新手,正如其他人已经指出的,这是一个最好避免使用raihan的用例。最好只调用一个方法,然后从那里调用您想要的其他方法。为什么要避免这个用例?一次点击可能会触发两个不同的动作,明确这一点并不坏。我同意这是一种不好的做法!它们也应该单独调用,以避免多重代码气味和陷阱。
<button (click)="abc(); bcde()"></button>