在 Angular 2 应用程序中全局使用 jQuery答案

【问题标题】：using jQuery globally within Angular 2 application在 Angular 2 应用程序中全局使用 jQuery
【发布时间】：2016-01-13 09:22:40
【问题描述】：

我试图弄清楚如何在我的 angular 2 应用程序中全局使用 jQuery，到目前为止我发现的唯一合理的来源是这个 stackoverflow answer 但是我似乎无法让它工作。有没有办法通过 npm 包管理而不是 tsd 来实现这一点（这个命令对我不起作用，我认为它来自打字稿，但似乎不是）。

在这之后，我想我需要在我的 app.ts 文件中引用 jQuery 吗？（bootstrap.ts 用来启动应用程序的主文件）

这是我的项目结构

app
  components
    app.ts
  services
  typings
  bootstrap.ts
index.html

以及一些我认为需要用于 jQuery 实现的代码示例

app.ts

import {Component, View} from 'angular2/core';

@Component({
    selector: 'app',
    templateUrl: 'app/components/app.html'
})

export class App { }

bootstrap.ts

import {App}              from './components/app';

bootstrap(App);

【问题讨论】：

标签： javascript jquery angular npm

【解决方案1】：

使用以下命令安装 jquery 类型：

npm install @types/jquery

在您的index.html 中包含jQuery.js 文件

而且..我猜就是这样:)

祝你好运

【讨论】：

我假设我需要在 html 中包含所需版本的 jQuery 对吗？
是的，确实如此。 typescript 中的引用告诉编译器您负责添加所需的 javascript
仅供参考，tsd 是打字稿定义管理器。您可以通过运行npm -g install tsd 来安装它。之后，您可以通过运行tsd install jquery 来安装像 jQuery 这样的定义文件 :)。这样您就不必手动下载它们
@PierreDuc 现在在angular 2 上typings 是如何使用的，因为我们不再使用类型，我们使用npm 来获取依赖项。
@ParadiN 您可以使用以下命令安装它们：npm install @types/jquery。连同在你的 index.html 中包含 jquery.js