外部 JavaScript スクリプトを統合し、Angular で関数を呼び出す方法

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

問題:

あなたは「abc.js」という名前の JavaScript ファイル。「xyz()」という名前の関数が含まれています。目的は、Angular プロジェクト内でこの関数にアクセスして呼び出すことです。どうすればこれを達成できますか?

解決策:

1. Angular 構成ファイルの参照スクリプト:

「angular-cli.json」ファイル (Angular バージョン 6 以降の場合は「angular.json」) を見つけて開きます。 「scripts」プロパティで、次の例に示すように、外部 JavaScript ファイルへのパスを指定します。

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

2. testings.d.ts の変数を宣言します:

「src」ディレクトリに「typings.d.ts」という名前のファイルが存在しない場合は作成します。このファイル内で、外部スクリプトを参照する変数を宣言します:

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

3. Angular コンポーネントにインポートします:

Angular コンポーネントで、次の構文を使用して「typings.d.ts」で宣言した変数をインポートします:

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

これで、次のことが可能になります。 「variable.xyz()」を呼び出して、Angular プロジェクトから関数「xyz()」にアクセスします。

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