如何在Angular中使用/导入/集成JS库

Question

这不是我第一次遇到这个问题，我很确定这个问题有几个"解决方法"。我时不时地在网上寻找一些前端设计代码，以改善我正在处理的项目的用户体验。它可能是旋转木马，一些动画等...大多数时候，这些项目是完整的JS，我不知道如何使用它们/调整它们/集成它们，以便它们可以在我的Angular 4应用程序中使用。

假设我想集成这个： https://gist.github.com/CodeMyUI/9e60eaddc810c3aac9558af52859459b

• 我是否应该将.js文件添加为外部库并弄清楚如何在我的 Angular 应用程序中使用它？

• 我应该找到一种方法在 Angular 中编写 JS 吗？(TS 文件)

有没有这里

• 没有列出的解决方案可以解决问题？

Answer 1

在你的 TypeScript 中，现在你需要按给定的名称导入它，所以在你的 TS 控件中：

import * as yourPreferedName from 'your-library';
yourPreferedName.method();