在 angular 中导入自定义 javascript

Question

如何在angular中导入https: //anseki.github.io/plain-draggable/？

我有npm i plain-draggable然后导入 angular.json the.min.js

在 html

  <span id="draggable" style="background-color: lightskyblue;">adipiscing</span>
  elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
  enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
  aliquip ex ea commodo consequat.</p>

在组件中： declare const PlainDraggable: any;

然后在构造函数中调用PlainDraggable()

我收到错误Cannot call a class as a function

Answer 1

不要在构造函数上调用它，而是尝试在 AfterViewInit 挂钩上调用它，如下所示：

ngAfterViewInit() {
    const draggable = new PlainDraggable(document.getElementById('draggable'));
}