如何观察Angular2中的第三方事件？

在Angular2中观察第三方事件可以通过以下步骤实现：

导入所需的依赖：首先，确保已经安装了RxJS库。然后，在组件文件的顶部导入Observable和fromEvent操作符。

import { Observable, fromEvent } from 'rxjs';

创建一个可观察对象：使用fromEvent操作符创建一个可观察对象，该对象将监听指定的DOM元素上的特定事件。

const button = document.getElementById('myButton');
const clickObservable = fromEvent(button, 'click');

订阅事件：使用subscribe方法订阅可观察对象，以便在事件触发时执行相应的操作。

clickObservable.subscribe(() => {
  // 在这里执行事件触发后的操作
});

在组件中使用观察者模式：将上述代码集成到Angular2组件中，以便在组件的生命周期中观察第三方事件。

import { Component, OnInit, ElementRef } from '@angular/core';
import { Observable, fromEvent } from 'rxjs';

@Component({
  selector: 'app-my-component',
  template: '<button id="myButton">Click me</button>',
})
export class MyComponent implements OnInit {
  constructor(private elementRef: ElementRef) {}

  ngOnInit() {
    const button = this.elementRef.nativeElement.querySelector('#myButton');
    const clickObservable = fromEvent(button, 'click');

    clickObservable.subscribe(() => {
      // 在这里执行事件触发后的操作
    });
  }
}

这样，当用户点击按钮时，订阅的回调函数将被触发，您可以在其中执行相应的操作。

请注意，以上代码示例中的按钮元素是通过elementRef服务获取的。您可以根据实际情况修改选择器或获取DOM元素的方式。

关于Angular2的更多信息，您可以参考腾讯云的Angular2产品文档：Angular2产品介绍。