import custom javascript in angular

Question

How to import https://anseki.github.io/plain-draggable/ in angular ?

I've npm i plain-draggable then import in angular.json the .min.js

In 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>

And in component : declare const PlainDraggable: any;

then called in constructor PlainDraggable()

I get the error Cannot call a class as a function

new PlainDraggable()

arslan2012
– arslan2012

2020-08-20 08:56:41 +00:00
Commented Aug 20, 2020 at 8:56 — arslan2012
– arslan2012, Commented Aug 20, 2020 at 8:56

Tolga Yiğit · Accepted Answer · 2020-08-20 09:19:32Z

4

Instead of calling it on your constructor, try calling it on your AfterViewInit hook like this:

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

answered Aug 20, 2020 at 9:19

Tolga Yiğit

4341 gold badge3 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

import custom javascript in angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related