Inclure un fichier de script JavaScript et des fonctions d'appel dans Angular
Dans les projets Angular, l'intégration de scripts JavaScript externes et l'accès à leurs fonctions peuvent améliorer les capacités de l'application. Un scénario courant consiste à incorporer un script avec une fonction publique pour étendre les fonctionnalités d'Angular. Voici un guide complet sur la façon d'y parvenir :
Inclure le fichier de script
Pour inclure le fichier JavaScript dans Angular, modifiez la section "scripts" du fichier angulaire- cli.json (ou angulaire.json pour Angular 6 ). Ajoutez le chemin d'accès au fichier de script dans le tableau comme indiqué ci-dessous :
<code class="json">"scripts": [ "../path/to/abc.js" ]</code>
Référencement du script dans TypeScript
Dans votre code TypeScript, créez un fichier de déclaration nommé typings.d.ts s'il n'existe pas. Ajoutez une déclaration comme celle-ci :
<code class="typescript">declare var variableName: any;</code>
Importation et appel de la fonction
Pour importer le script dans votre composant ou service, utilisez la syntaxe suivante :
<code class="typescript">import * as variable from 'variableName';</code>
Maintenant, vous pouvez appeler la fonction à partir de la variable importée, par exemple :
<code class="typescript">variable.xyz();</code>
En suivant ces étapes, vous pouvez facilement intégrer des scripts JavaScript externes et utiliser leurs fonctions dans vos applications Angular .
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!