将 Interact.js 与 Angular 项目集成答案

【问题标题】：Integrating Interact.js with an Angular Project将 Interact.js 与 Angular 项目集成
【发布时间】：2018-07-20 02:14:55
【问题描述】：

我需要在 Angular 项目中使用 Interact.js 提供的功能，例如可拖动、可调整大小等，但我找不到在 typescript 中导入它的可靠方法。

我通过将其定义为函数来了解一些解决方法，但我只是想知道这是否是正确的方法。

【问题讨论】：

【解决方案1】：

Interactjs 团队添加了type definition，因此您可以与typescript 一起使用。使用 NPM install 而不是单独的文件，如

npm install interactjs

然后常规导入应该可以工作

import * as interact from 'interactjs';

【讨论】：

感谢您指出这一点！我真的很困惑，因为一些帖子说我必须将它声明为一个函数，此外，一些 github 问题使事情变得更糟，比如 github 项目中的这个线程（github.com/taye/interact.js/issues/572）
你是如何在 typescript 中实现 interact.js 函数的？
@SenAlexandru 我不明白？这个解决方案不起作用吗？你想达到什么目标？
@Reza 我用过import，但是有一些js函数是在类的开头实现的，比如```interact('.draggable') .draggable({ // enable惯性投掷惯性：true，//将元素保持在其父修饰符的区域内：[interact.modifiers.restrictRect({restriction: 'parent', endOnly: true })],... ``` which i don'不知道如何在 typescript 中实现
@SenAlexandru 不幸的是我仍然不明白这个问题 :( 如果您提出新问题并提供代码示例和错误详细信息，那就太好了。

【解决方案2】：

这对我有用：

npm install interactjs

然后使用这个语法

import interact from 'interactjs';

同时：

import * as interact from 'interactjs';

抛出错误“Type 'typeof import....”

【讨论】：