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

import { Observable, fromEvent } from 'rxjs';

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

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

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(() => {
      // 在这里执行事件触发后的操作
    });
  }
}