2016-01-13 12 views
6

私はAngular 2アプリ内でjQueryをグローバルに使用する方法を見つけようとしていますが、これまでの唯一の妥当なソースはstackoverflow answerです。これを実現する手段はtsdの代わりにnpmパッケージ管理である(このコマンドは私のために働いていない、私はそれがtypescriptから来ていると仮定したが、そうではないように思われる)。Angular 2アプリケーション内でjQueryをグローバルに使用する

この後、私は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); 

答えて

6

使用してjqueryのタイピングをインストールします。

npm install @types/jquery 

はあなたindex.html

jQuery.jsファイルをインクルードし、...それは私が

+0

:)

幸運を推測することだと私は希望のバージョンのjQueryをhtmlに含める必要があると思いますか? – Ilja

+0

はい、確かです。 typescript内の参照は、必要なjavascript – PierreDuc

+1

fyiの追加を世話していることをコンパイラに伝えます。tsdはタイスクリプト定義マネージャです。これは 'npm -g install tsd'を実行することでインストールできます。その後、 'tsd install jquery'を実行してjQueryのような定義ファイルをインストールすることができます。この方法は、あなたたちはもうタイピングを使用していない、と私たちは依存関係を取得するには、 'npm'を使うとして使用' typings'ですか2' '角度に今すぐ手動 – PierreDuc

関連する問題