在Angular 6中使用可调整大小的jQuery UI

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>

<div #resizableElement></div>

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

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

  ngAfterViewInit() {
    $(this.resizableElement.nativeElement).resizable();
  }
}

<app-resizable></app-resizable>