全局声明角度为2/4的$或jQuery

时间:2017-12-04 10:34:48

标签: angular

我在我的角度4项目中使用jQuery。在每个文件中,我都声明它在顶部。我在大多数.ts文件中使用它

declare const $: any;

有什么方法可以在一个地方声明它并在所有文件中使用它,而不是在每个文件中声明?

1 个答案:

答案 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;
}