ホームページ >ウェブフロントエンド >jsチュートリアル >外部 JavaScript スクリプトを統合し、Angular で関数にアクセスする方法
Angular に JavaScript スクリプト ファイルを含めて関数を呼び出す
外部 JavaScript スクリプトを Angular アプリケーションに統合し、その関数にアクセスすることは、カスタマイズの重要な側面ですそして機能性の向上。これを実現する方法を見てみましょう:
JavaScript 関数へのアクセス
abc.js という名前の JavaScript ファイルをインクルードし、その xyz() 関数を Angular で呼び出すには、次の手順に従います。 :
1. angular-cli.json (Angular 6 では angular.json) を更新します
angular-cli.json ファイルを変更し、「scripts」プロパティの下に JavaScript ファイルへのパスを追加します。
<code class="json">"scripts": [ "../path/to/abc.js" ]</code>
2. TypeScript 宣言ファイルを定義する
src ディレクトリに testings.d.ts という名前のファイルが存在しない場合は作成します。次に、次の宣言を追加して、スクリプトのグローバル変数を確立します:
<code class="typescript">declare var abc: any;</code>
3.コンポーネントにスクリプトをインポートします
Angular コンポーネントに次の構文を使用して JavaScript ファイルをインポートします。
<code class="typescript">import * as abc from 'abc';</code>
4. JavaScript 関数を呼び出す
インポートされた JavaScript ファイルから xyz() 関数にアクセスして呼び出すことができます。
<code class="typescript">abc.xyz();</code>
次の手順に従うことで、外部 JavaScript をシームレスに統合できます。スクリプトを Angular アプリケーションに組み込み、その機能を活用して Web アプリの機能を強化します。
以上が外部 JavaScript スクリプトを統合し、Angular で関数にアクセスする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。