javascript - 以 Angular 导入自定义javascript

Question

如何导入https://anseki.github.io/plain-draggable/在 Angular ？
我有 npm i plain-draggable然后在 angular.json 中导入 .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 钩子(Hook)上调用它，如下所示:

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