无法从angular 7组件中的外部jQuery文件访问方法

<button id="myButton">Click me</button>

import { Component, ViewChild, ElementRef, AfterViewInit } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements AfterViewInit {
  @ViewChild('myButton') myButton: ElementRef;

  ngAfterViewInit() {
    // 在这里可以访问到myButton元素
    // 可以通过this.myButton.nativeElement来获取原生的DOM元素
    // 例如，可以使用jQuery来绑定事件
    $(this.myButton.nativeElement).click(function() {
      // 调用组件的方法
      // this.myMethod();
    });
  }

  // 组件的方法
  // myMethod() {
  //   console.log('Method called from external jQuery file');
  // }
}