Angular 2
Angular 2のjQueryのようなサードパーティライブラリを使用する

前書き

angle-cliを使用した設定

NPM

jQueryなどの外部ライブラリがNPMを使用してインストールされている場合

npm install --save jquery

angular-cli.jsonにスクリプトパスを追加する

"scripts": [
    "../node_modules/jquery/dist/jquery.js"
]

アセットフォルダ

また、ライブラリファイルをassets/jsディレクトリに保存して、 angular-cli.json含めることもできます

"scripts": [
    "assets/js/jquery.js"
]

注意

jquery-cycle-pluginようなメインライブラリのjqueryとその依存関係をassetsディレクトリにangular-cli.json 、それらの両方をangular-cli.jsonに追加します。依存関係の順序が維持されていることを確認してください。

Angular 2.xコンポーネントでのjQueryの使用

Angular 2.xコンポーネントでjqueryを使用するには、上部にグローバル変数を宣言します

jQueryに$を使用している場合

declare var $: any;

jQuery for jQueryを使用している場合

declare var jQuery: any

これにより、Angular 2.xコンポーネントに$またはjQueryを使用することができます。