javascript - Angular 6/Javascript - 在 (nglick) 中调用两种方法。组件和Js

Question

我试图在我的 click 事件中进行两次调用，其中一次调用用于我的组件，另一次用于我的 javascript 函数。下面是我的代码:

事件点击 Angular :

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

我的组件.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();"