Angular2アプリでJQueryが認識されない

Question

私のAngular2アプリでは、アプリケーションにjQueryをインストールしましたが、$はまだ認識されていません。

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

それは

[ts] 
Cannot find name '$'. 

は、コードの何が問題になっていると文句を言います：行の

"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" 
    }, 

残念ながら：ここ

は私Package.jsonのですか？

Answer 1

は、すべての

NPMはjqueryのをインストール

declare var $: JQueryStatic; 

Answer 2

まず、このコマンドを使用してjQueryのをインストールした後、これを行う、あなたのメインのHTMLファイルにjqueryのインポートを記述する必要があります。
その後、あなたはjqueryのためのタイピングをインストールする必要があります。

typings install dt~jquery --global --save 

その後、コンポーネントファイルに$ VARを宣言：

declare var $:JQueryStatic; 

その後、コンポーネントクラスでそれを使用することができます。

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

Answer 3

これはわずか3ステップで実行できます。

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

3 - 今、あなたはそれを使用することができます - あなたのHTMLファイルでスクリプトタグを追加

typings install dt~jquery --global --save 

2：

1 - - インストールjQueryの定義*はファイルを.d.ts 。入力はすでにあなたのためにそれを行ったので、任意のjQueryまたは$変数を宣言する必要はありません。期間。

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