ホームページ  >  記事  >  ウェブフロントエンド  >  外部の JavaScript スクリプトと関数を Angular アプリケーションに統合するにはどうすればよいですか?

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

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-30 18:53:30214ブラウズ

How to Integrate External JavaScript Scripts and Functions into Your Angular Application?

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。