外部 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 サイトの他の関連記事を参照してください。