Question

在 angular 中导入自定义 javascript

2020-08-20

433

javascript angular

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

我已经 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()

我收到错误 无法将类作为函数调用

Answer 1

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

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