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

Javascript 如何在Angular中使用/导入/集成JS库,javascript,angular,Javascript,Angular,这已经不是我第一次面对这个问题了,我很确定有很多方法可以解决这个问题。我时不时地在网上寻找一些前端设计代码,以改进我正在从事的项目的用户体验。它可能是一个旋转木马,一些动画等等。。。大多数时候,这些项目都是完整的JS,我不知道如何使用它们/调整它们/集成它们,以便它们可以在我的Angular 4应用程序中使用 比方说,我想整合这一点: 我是否应该将.js文件添加为外部库,并了解如何在Angular应用程序中使用它 我是否应该找到一种在Angular中编写JS的方法?(TS文件) 有没有一个没

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

比方说,我想整合这一点:

  • 我是否应该将.js文件添加为外部库,并了解如何在Angular应用程序中使用它

  • 我是否应该找到一种在Angular中编写JS的方法?(TS文件)

  • 有没有一个没有列出的解决方案可以做到这一点


在您的TypeScript中,现在您需要按给定的名称导入它,因此在您的TS控件中:

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

ts文件用于定义组件/模块等。要使用组件所需的其他源,您需要做的只是导入它们。您肯定不想在Angular应用程序中集成jQuery插件。你最终注定要失败。寻找与Angular模块/插件相同的东西。可能是@JeremyThille的副本好的,所以我可以使用全局变量来完成,但我绝对不想这样做?当然可以。为什么要混淆jQuery和Angular?它们是两个完全不同的框架,实际上工作方式不同。Angular生成DOM,jQuery处理它。用jQuery做点什么,Angular将不知道发生了什么。更不用说,您将生成超繁重、笨拙、无法维护的代码,其中充满了变通方法,并且您必须加载两个库,而不是一个库。使用jQuery或Angular,不能同时使用两者。但是呃,你想怎么做就怎么做:)