在Angular2中应用jquery插件的优雅方法

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/jquery-plugin.js"></script>

ng generate directive jqueryPlugin

import { Directive, ElementRef, Renderer2 } from '@angular/core';

@Directive({
  selector: '[appJqueryPlugin]'
})
export class JqueryPluginDirective {
  constructor(private el: ElementRef, private renderer: Renderer2) { }
}

import { Directive, ElementRef, Renderer2 } from '@angular/core';

declare var $: any;

@Directive({
  selector: '[appJqueryPlugin]'
})
export class JqueryPluginDirective {
  constructor(private el: ElementRef, private renderer: Renderer2) { }

  ngAfterViewInit() {
    $(this.el.nativeElement).jqueryPlugin();
  }
}

<div appJqueryPlugin></div>