外部 JavaScript 関数を Angular プロジェクトに統合するにはどうすればよいですか?

JavaScript 関数を Angular プロジェクトに統合する

質問:

JavaScript を組み込むにはどうすればよいですか? Angular プロジェクト内から、スクリプト ファイルを開き、その中の特定の関数を呼び出しますか?

回答:

JavaScript スクリプト ファイルを Angular に統合するには、それを参照できます。 angular-cli.json (または Angular 6 の angular.json ) ファイル内。これにより、ビルド時にスクリプトを配置する場所が Angular CLI に通知されます。

次の行を「scripts」配列に追加します。

"scripts": [
    "../path-to-script"
]

次に、TypeScript が外部スクリプト。 src ディレクトリに testings.d.ts ファイルを作成し (存在しない場合)、次の宣言を追加します。

declare var variableName: any;

Angular コンポーネントまたはサービスで、次のようにスクリプトをインポートできます。 :

import * as variable from 'variableName';

この手法を使用すると、Angular コードの abc.js スクリプトから「public」関数 (xyz()) にアクセスでき、外部 JavaScript 機能をシームレスに統合できます。

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