Maison > Article > interface Web > 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 :
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>
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>
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>
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>
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!