如何从angular中的Jquery函数中的输入字段中获取数据？

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

@Component({
  selector: 'app-your-component',
  template: `
    <input #myInput type="text">
    <button (click)="getData()">Get Data</button>
  `
})
export class YourComponent {
  @ViewChild('myInput') myInput: ElementRef;
  
  getData() {
    const inputValue = this.myInput.nativeElement.value;
    console.log(inputValue);
  }
}