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

Question

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

declare const $: any;

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

Answer 1

在 Angular 中使用 JQuery 的更好方法是导入其.d.ts文件，并且使用declare const $: any;并不是一个好方法，因为您的 IDE 不会为您提供自动完成功能，并且可能会遇到一些问题

在 Angular 中使用 JQuery 的步骤：

1-从TypeSeach找到 JQuery （或任何其他你想要的包），然后你最终会找到这个NPM 包，安装它：

npm install --save @types/jquery

2-安装 JQuery 本身：

npm install --save jquery

3-任何你想使用 JQuery 的地方，只需将类型声明文件 ( .d.ts) 导入 Angular 应用程序即可：

import * as $ from 'jquery';

阅读本文的更多内容

当使用扩展其他库的脚本时，例如使用 JQuery 插件（例如$('.test').myPlugin();），由于安装的@types/jquery可能不包含myPlugin，您需要添加一个接口，如下面的src/typings.d.ts.

interface JQuery {
  myPlugin(options?: any): any;
}