jQueryを呼び出してangularjsに追加するにはどうすればよいですか? Angular5 でのサードパーティ ライブラリの呼び出しと jQuery の追加の詳細

package.json このファイルには、プロジェクトで使用されるサードパーティの依存関係パッケージがリストされます。新しいプロジェクトを作成すると、デフォルトでいくつかのパッケージがダウンロードされます。これらは Angular に含まれており、node_modules ディレクトリに保存されます。

次のことに注意してください:
package.json には依存関係オブジェクトと devDependency が含まれています。
devDependency のプラグインは開発環境でのみ使用され、実稼働環境では使用されませんが、依存関係は実稼働環境にリリースする必要があります。

依存関係を追加するには 2 つの方法があります:
npm install name –save は、インストールする依存関係を package.json の依存関係オブジェクトに書き込みます
npm install name –save-dev は依存関係ですインストールする package.json の devDependency オブジェクトに書き込みます

以下は、Angular 環境に minirefresh を追加する例です。 (さらに詳しく知りたい場合は、PHP 中国語 Web サイトangularjs 学習マニュアル にアクセスして学習してください)

1. npm install minirefresh --save

結果を確認できます:

パッケージにはミニリフレッシュがありません。npm install minirefresh --save コマンドを使用すると、ミニリフレッシュが自動的にダウンロードされ、依存関係に追加されます。次に、node_modules ディレクトリに minirefresh パッケージがあることがわかります。

2. angular-cli.json ファイル (スタイル配列とスクリプト配列) を変更します。

3. プラグインを使用する必要があるコンポーネント内。 (.ts ファイル) で次のステートメントを作成します:declare var $:any; 目的はコンパイル エラーを防ぐことです

構成は次のとおりです:

4. 上記の 3 つのプラグインが使用できます。通常は ngOnInit メソッド内で行われます。

1. npm install jquery --save / --save--dev

2. angular-cli.json ファイルを変更します: "scripts": ["../ node_modules/jquery/dist/jquery.min.js"]
3. 型記述ファイルをインストールします

Angular はデフォルトのコーディング言語として TypeScript 言語を使用しますが、jquery は本質的に JavaScript であり、TypeScript を直接使用することはできません。

上記の手順を完了した後、現時点では jquery を直接使用することはできません。TypeScript に jquery を認識させるために、まず型記述ファイルをインストールする必要があります。
すぐに実行します:

npm install @types/jquery --save-dev

4. app.moduleにjqueryファイルを導入し、jqueryモジュールを追加します
つまり、app.moduleにimport * as $ from 'jqueryを追加します。 .ts ファイル ';

この記事の内容は以上です (さらに詳しく知りたい場合は、PHP 中国語 Web サイト angularjs 学習マニュアル にアクセスして学習してください)。以下にメッセージを残していただけます

以上がjQueryを呼び出してangularjsに追加するにはどうすればよいですか? Angular5 でのサードパーティ ライブラリの呼び出しと jQuery の追加の詳細の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。