javascript - 如何在 Angular 8+ 中使用 Panzoom javascript？

Question

我无法使用 Panzoom Javascript library在 Angular 。我明白了

ERROR
Error: panzoom is not defined

这里是 stackblitz到目前为止我所做的。这里是 working demo它应该如何工作

谁能帮我解决问题？谢谢

我已按照 post 中提到的所有步骤进行操作

Answer 1

看来 Panzoom 确实有 typescript 定义 Github Issue

这是一个有效的 stackblitz

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

@Component({
  selector: 'hello',
  template: `<img id="scene" #scene src="https://www.probytes.net/wp-content/uploads/2018/01/5-1.png">`,
  styles: []
})
export class HelloComponent implements AfterViewInit {
  @ViewChild('scene', { static: false }) scene: ElementRef;

  ngAfterViewInit() {
    // panzoom(document.querySelector('#scene'));
    panzoom(this.scene.nativeElement);
  }
}