我在我的角度4项目中使用jQuery。在每个文件中,我都声明它在顶部。我在大多数.ts文件中使用它
declare const $: any;
有什么方法可以在一个地方声明它并在所有文件中使用它,而不是在每个文件中声明?
答案 0 :(得分:3)
在Angular中使用JQuery的更好方法是导入其.d.ts
文件,使用declare const $: any;
并不是一个好方法,因为你的IDE不会给你自动完成并且可以运行陷入一些问题
在Angular中使用JQuery的步骤:
1-从TypeSeach查找JQuery(或您想要的任何其他软件包),然后您将结束此NPM package,安装它:
npm install --save @types/jquery
2-安装JQuery本身:
npm install --save jquery
3-您想要使用JQuery的任何地方,只需将类型声明文件(.d.ts
)导入Angular应用程序:
import * as $ from 'jquery';
<强> Read more on this article 强>
使用扩展其他库的脚本时,例如使用JQuery插件(例如$('.test').myPlugin();
),因为安装的@types/jquery
可能不包含myPlugin
,您需要添加一个界面如下src/typings.d.ts
中的界面。
interface JQuery {
myPlugin(options?: any): any;
}