角2/4とjqueryスクリプト

Question

プロジェクトにjQueryを追加しましたが、jQueryを使用するように設計されたスクリプトの使用に問題があります。

jQueryは、その後、私は私のcompontents.tsファイルでこれらのjQueryスクリプトにアクセスしたいtypingsコマンド

を使用してangulars CLIを介して添加したNPMパッケージとしてインストールされました。

問題のスクリプトは次のとおりです。

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

とあなたのコンポーネントで：あなたの角度-cli.jsonでthis

Answer 1

あなたが宣言する必要がそのようなjqueryセレクタのグローバル変数：

import ... 

declare var $: any; 

@Component({ 
... 
}) 
export class ANY_CLASS implements OnInit{ 
    ngOnInit() { 
    $('#demo').scrollbox(); 
    } 
//use it as you like after that 
} 

とテンプレートで：

<div id="demo" class="scroll-text"> 
    <ul> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li>item 3</li> 
    </ul> 
</div> 

Answer 2

コンポーネントで

import * as $ from 'jquery';