Comment intégrer des scripts et des fonctions JavaScript externes dans votre application angulaire ?

Incorporation de scripts JavaScript et appel de fonctions dans Angular

Pour inclure un fichier JavaScript externe dans Angular et utiliser des fonctions qu'il contient, procédez comme suit :

1. Référencez le fichier de script :
   Dans le fichier angulaire-cli.json (ou angulaire.json pour Angular 6), ajoutez le code suivant :

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

   Copier après la connexion

2. Déclarez une variable dans typings.d.ts :
   Créez un fichier typings.d.ts dans le répertoire src si ce n'est pas le cas exister, puis ajoutez la ligne suivante :

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

   Copier après la connexion

3. Importez le script :
   Dans le composant où vous souhaitez utiliser la fonction JavaScript, importez la variable que vous avez déclarée dans typings.d.ts :

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

   Copier après la connexion

4. Invocation de la fonction :
   Vous pouvez maintenant accéder à la fonction JavaScript à partir de la variable importée . Par exemple, pour appeler la fonction xyz() depuis le script abc.js, vous écrivez :

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

   Copier après la connexion

En suivant ces étapes, vous pouvez facilement inclure des fichiers de script JavaScript dans Angular applications et intégrer de manière transparente leurs fonctionnalités.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!