2017-12-04 10 views
1

私のAngle 4プロジェクトでjQueryを使用しています。すべてのファイルで、私は上にそれを宣言しています。私は、私は1つの場所でそれを宣言し、すべてのファイルでそれを使用し、代わりにすべてのファイルをで宣言することができますどのような方法があります私の.TSファイル

declare const $: any; 

のほとんどでこれを使いますか?

+0

正直言って、jQueryにAngularが必要な理由がわかりません。 –

答えて

1

角度でjQueryのはその.d.tsファイルをインポートし、declare const $: any;を使用している使用してのより良い方法は、あなたのIDEがあなたに自動補完を与えることはありませんし、いくつかの問題

手順に実行することができますので、良い方法ではありません角度でjQueryのを使用します。

1-その後、あなたはそれをインストールし、このNPM packageになってしまいます、TypeSeachからjQueryの(または必要なその他のパッケージ)を検索:

npm install --save @types/jquery 

2 - 研をすべてのjQuery自体:

npm install --save jquery 

3 - どこでもあなたはjQueryのを使用したい、ちょうど角アプリに型宣言ファイル(.d.ts)をインポートします。スクリプトで作業する場合

import * as $ from 'jquery'; 

Read more on this article

インストールされている@types/jqueryにはが含まれていない可能性があるため、JQueryプラグイン(たとえば、$('.test').myPlugin();)など、他のライブラリを拡張していますの場合、src/typings.d.tsに以下のようなインターフェースを追加する必要があります。

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

このソリューションは一部のページで機能しました。しかし、いくつかの場所で、私は 'jquery-slimscroll'プラグインを使用しています。そこから宣言を削除すると、このエラーが表示されます: "プロパティ 'slimScroll'が型 'JQuery 'に存在しません。" – sunnyiitkgp

+0

@sunnyiitkgp OKAY!私は今質問を更新する – M98

関連する問題