是否将jquery函数转换为angular？

$('#myButton').on('click', function() {
  console.log('Button clicked!');
});

<button (click)="onButtonClick()">Click me!</button>

onButtonClick() {
  console.log('Button clicked!');
}

$('#myInput').val('New value');

<input [(ngModel)]="inputValue" />

inputValue = 'New value';

$.getJSON('https://api.example.com/data', function(data) {
  console.log(data);
});

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

getData() {
  this.http.get('https://api.example.com/data').subscribe(data => {
    console.log(data);
  });
}

$('#myElement').animate({ left: '100px' }, 1000);

import { trigger, state, style, animate, transition } from '@angular/animations';

@Component({
  animations: [
    trigger('moveLeft', [
      state('initial', style({ left: '0px' })),
      state('moved', style({ left: '100px' })),
      transition('initial <=> moved', animate('1000ms ease-in-out'))
    ])
  ]
})
export class MyComponent {
  state = 'initial';

  moveLeft() {
    this.state = this.state === 'initial' ? 'moved' : 'initial';
  }
}

<div [@moveLeft]="state" (click)="moveLeft()">Click me!</div>