Angular で JavaScript スクリプト ファイルを含めて関数を呼び出す方法は?

Angular での JavaScript スクリプト ファイルの組み込みと関数の呼び出し

Angular プロジェクトでは、外部 JavaScript スクリプトを統合し、その関数にアクセスすると、アプリケーションの機能を強化できます。一般的なシナリオは、Angular の機能を拡張するためにパブリック関数を含むスクリプトを組み込むことです。これを実現する方法に関する包括的なガイドは次のとおりです。

スクリプト ファイルをインクルードする

JavaScript ファイルを Angular にインクルードするには、angular ファイルの "scripts" セクションを変更します。 cli.json (または Angular 6 の場合は angular.json)。以下に示すように、配列内のスクリプト ファイルへのパスを追加します。

<code class="json">"scripts": [
  "../path/to/abc.js"
]</code>

TypeScript でのスクリプトの参照

TypeScript コードで、次の名前の宣言ファイルを作成します。存在しない場合は、 testings.d.ts 。次のような宣言を追加します。

<code class="typescript">declare var variableName: any;</code>

関数のインポートと呼び出し

コンポーネントまたはサービスにスクリプトをインポートするには、次の構文を使用します。

<code class="typescript">import * as variable from 'variableName';</code>

これで、インポートされた変数から関数を呼び出すことができます。例:

<code class="typescript">variable.xyz();</code>

これらの手順に従うことで、外部 JavaScript スクリプトを簡単に統合し、Angular アプリケーション内でその関数を利用できます。 .

以上がAngular で JavaScript スクリプト ファイルを含めて関数を呼び出す方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。