Comment intégrer des fonctions JavaScript externes dans un projet angulaire ?

Intégrer des fonctions JavaScript dans des projets angulaires

Question :

Comment puis-je incorporer un JavaScript fichier de script et appeler une fonction spécifique à l'intérieur de celui-ci, depuis un projet Angular ?

Réponse :

Pour intégrer un fichier de script JavaScript dans Angular, vous pouvez vous y référer dans votre fichier angulaire-cli.json (ou angulaire.json dans Angular 6). Cela indique à la CLI angulaire où localiser le script pendant la construction.

Ajoutez la ligne suivante au tableau "scripts" :

"scripts": [
    "../path-to-script"
]

Ensuite, vous devez vous assurer que TypeScript peut reconnaître le script externe. Créez un fichier typings.d.ts (s'il n'existe pas) dans le répertoire src et ajoutez la déclaration suivante :

declare var variableName: any;

Dans votre composant ou service Angular, vous pouvez ensuite importer le script comme suit :

import * as variable from 'variableName';

En utilisant cette technique, vous pouvez accéder à la fonction 'public' (xyz()) à partir du script abc.js dans votre code Angular, vous permettant d'intégrer de manière transparente des fonctionnalités JavaScript externes.

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!