在Angular2應用程序中無法識別JQuery

Question

在我的Angular2應用程序中，儘管我在應用程序中安裝了jQuery，但尚未識別出$。

這裏是我的Package.json：

"dependencies": { 
    "angular2": "2.0.0-beta.7", 
    "bootstrap": "^3.3.6", 
    "es6-promise": "^3.0.2", 
    "es6-shim": "^0.33.3", 
    "jQuery": "^1.7.4", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.2", 
    "systemjs": "0.19.22", 
    "zone.js": "0.5.15" 
    }, 

不幸的是在行：

Observable.fromEvent($("#name"),"keyup") 

它抱怨

[ts] 
Cannot find name '$'. 

什麼是錯的代碼？

Answer 1

使用此命令

NPM安裝安裝jQuery的jQuery的

declare var $: JQueryStatic; 

Answer 2

首先之後做到這一點，你必須jQuery的進口寫到您的主HTML文件。
然後，你必須安裝分型的jQuery：

typings install dt~jquery --global --save 

而在這之後，宣佈$ VAR在組件文件：

export class FooComponent { 
    constructor() { 
    console.log($); 
    } 
} 

：

declare var $:JQueryStatic; 

然後你就可以在組件類使用

Answer 3

這可以在3個步驟中完成：

1 - 安裝jQuery的定義 - * .d.ts文件：

typings install dt~jquery --global --save 

2 - 添加腳本代碼在HTML文件中：

<script src="node_modules/jquery/dist/jquery.min.js" /> 

3 - 現在你可以使用它。不需要聲明任何jQuery或$變量，因爲類型已經爲你做了。期。

Observable.fromEvent($("#name"),"keyup");