Angular 2在发出事件时调用函数/方法

Angular 2是一种流行的前端开发框架，用于构建现代化的Web应用程序。在Angular 2中，可以通过事件绑定来触发函数或方法的调用。

事件绑定是将DOM事件（如点击、鼠标移动等）与组件中的函数或方法关联起来的过程。当事件被触发时，绑定的函数或方法将被调用。

在Angular 2中，可以使用以下语法来进行事件绑定：

<button (click)="myFunction()">Click me</button>

在上面的示例中，当按钮被点击时，myFunction()函数将被调用。

除了点击事件外，Angular 2还支持许多其他类型的事件，如键盘事件、鼠标事件、表单事件等。可以通过在事件名前加上括号来绑定这些事件。

对于复杂的应用程序，可以使用事件绑定来实现组件之间的通信。一个组件可以发出一个自定义事件，而另一个组件可以监听并响应该事件。

在Angular 2中，可以通过EventEmitter类来创建自定义事件。以下是一个示例：

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    <button (click)="onClick()">Click me</button>
  `
})
export class ChildComponent {
  @Output() customEvent = new EventEmitter();

  onClick() {
    this.customEvent.emit('Custom event emitted');
  }
}

@Component({
  selector: 'app-parent',
  template: `
    <app-child (customEvent)="onCustomEvent($event)"></app-child>
  `
})
export class ParentComponent {
  onCustomEvent(event: string) {
    console.log(event);
  }
}

在上面的示例中，ChildComponent发出了一个名为customEvent的自定义事件，并传递了一个字符串参数。ParentComponent监听了该事件，并在收到事件时调用了onCustomEvent()方法。

对于Angular 2的开发，腾讯云提供了一系列相关产品和服务，如云服务器、云数据库、云存储等。您可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。