外部の JavaScript スクリプトと関数を Angular アプリケーションに統合するにはどうすればよいですか?

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

外部 JavaScript ファイルを Angular に組み込み、そのファイル内の関数を利用するには、次の手順に従います。

1. スクリプト ファイルを参照します:
   angular-cli.json ファイル (Angular 6 の場合は angular.json) に、次のコードを追加します。

   <code class="JSON">"scripts": [
      "../path"
   ]</code>

2. types.d.ts で変数を宣言します:
   そうでない場合は、src ディレクトリに testings.d.ts ファイルを作成します。

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

3. スクリプトのインポート:
   JavaScript 関数を使用するコンポーネントで、import testings.d.ts で宣言した変数:

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

4. 関数の呼び出し:
   インポートされた変数から JavaScript 関数にアクセスできるようになりました。 。たとえば、abc.js スクリプトから xyz() 関数を呼び出すには、次のように記述します。

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

これらの手順に従うことで、JavaScript スクリプト ファイルを Angular に簡単に含めることができます。アプリケーションとその機能をシームレスに統合します。

以上が外部の JavaScript スクリプトと関数を Angular アプリケーションに統合するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。