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

Angular 6是一种流行的前端开发框架，它使用TypeScript编写，并且可以通过JavaScript进行扩展。在Angular中，可以使用ngClick指令来调用组件中的方法。

首先，确保你已经安装了Angular CLI，并创建了一个新的Angular项目。然后，在你的组件模板中，可以使用ngClick指令来绑定一个点击事件，并调用两个方法。

假设你有一个名为AppComponent的组件，并且在该组件中有两个方法：method1和method2。你可以按照以下步骤来调用这两个方法：

1. 在AppComponent的模板文件（通常是app.component.html）中，添加一个按钮，并使用ngClick指令来绑定一个点击事件。例如：

<button (click)="callMethods()">点击调用方法</button>

1. 在AppComponent的类文件（通常是app.component.ts）中，定义一个名为callMethods的方法，该方法将调用method1和method2。例如：

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  method1() {
    // 执行方法1的代码
  }

  method2() {
    // 执行方法2的代码
  }

  callMethods() {
    this.method1();
    this.method2();
  }
}

在上面的代码中，callMethods方法会在点击按钮时被调用，并依次调用method1和method2。

这样，当你点击按钮时，就会依次调用method1和method2方法。