Angular 6 / Javascript-在（nglick）中调用两个方法。 组件和Js

Question

我正在尝试在click事件中进行两个调用，这些调用分别是我的组件调用和javascript函数调用。 下面是我的代码：

事件点击角度：

<button type="button" class="btn btn-primary" (click)="Plans(); " [attr.aria-expanded]="!isCollapsed"
aria-controls="collapseBasic">Test</button>

我的component.ts：

Plans(){
      this.limparCombinadoList();
      this.codCombinadoPadrao = "dgc" + this.value.toString();
      this.service.combinadoTipoRisco(this.codCombinadoPadrao)
      .subscribe(
                result  => {
                this.coberturas = result.data;
                this.premioFinalCobertura = result.premioFinalCombinado
                this.processarDados(this.coberturas,this.premioFinalCobertura)
            });
    }

我的Javascript函数：

<script type="text/javascript">
  function renderDiv(){
    $.BrunoLeite.init('[data-animation]');
  }
</script> 

我的JavaScript文件

hs.onscroll-animation.js

(function($) {
  'use strict';

   $.BrunoLeite = {

    /**
     * Base configuration.
     *
     * @var Object _baseConfig
     */
    _baseConfig: {
      bounds: -100,
      debounce: 50,
...

}}

Answer 1

将alerta2函数移动到组件内部，然后从(click)事件中调用它。

 alerta2(){
   alert("Bruno Leite")
 }


(click)="Plans();alerta2();"

Answer 2

您可以将2分隔为; ， 像那样：

<button type="button" class="btn btn-primary" (click)="Plans(); alerta2();" [attr.aria-expanded]="!isCollapsed"
aria-controls="collapseBasic">Test</button>

此外，您必须将function alerta移到component.ts文件中，更改为：

function alerta2() {
    alert("Bruno Leite")
}

至：

alerta2() {
    console.log("Bruno Leite")
}