Comment inclure des fichiers de script JavaScript et des fonctions d'appel dans Angular ?

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!