ThreeJS DragControls in Angular5

Question

我试图在angular5 (角-cli)项目中设置三个to。简单地安装，普通的三条就能工作得很好。

 npm install three and npm install @types/three;

但我想不出如何使用三个/示例/js/ controls /DragControls.js中存在的控件。

我试着跟着

• npm安装三个拖放控件.这不会导入DragControls，而且对象总是未定义 “从”三个拖动控件“导入{DragControls}”；
• 尝试将所有的js文件添加到三个/示例/js/控件中..angular脚本标记中。但是脚本js是在供应商包(包括ThreeJS )之前包含的。
• 尝试将控件复制到资产文件夹包括为html页面中的脚本标记，但window对象3未定义，因此无法工作。
• 我现在看到的唯一选项是将代码签入源代码，并将其转换为类型记录(重命名文件并修复linting问题等)。

在角度应用程序中包含DragControls/MapControls等的正确方法是什么？

Answer 1

在Node中，您可以轻松地将大多数库转换为模块，而不局限于NPM。进入DragControls文件，并在所有其他文件的基础上添加以下行：

module.exports = function(){

   <library-code>...</library-code>

};
module.exports();

注意：库-代码只是为了引起您的注意，您只需将该库的JavaScript代码放在函数(){}；括号之间，由module.exports分配，并在代码末尾调用它，如上面的示例所示。

例如，没有一个CanvasJS的NPM模块，我可以实际使用。所以我把它变成了一个模块。不要忘记您需要的package.json，否则Node就没有模块了。

从那以后，你就可以要求它了。如果您想在任何地方使用它，请创建一个角服务，并在该文件中要求()它。

请参见以下内容：modules/canvasjs/canvasjs.min.js

如果通过比较帮助您学习，可以在以下使用非模块CanvasJS版本找到该应用程序的非节点版本：https://github.com/Nchaka/Kinaxis