Comment intégrer des scripts JavaScript externes et appeler des fonctions dans Angular ?

Incorporation de scripts JavaScript externes et d'invocation de fonctions dans Angular

Problème :

Vous possédez un Fichier JavaScript, intitulé « abc.js », hébergeant une fonction nommée « xyz() ». Votre objectif est d'accéder et d'invoquer cette fonction dans votre projet Angular. Comment pouvez-vous y parvenir ?

Solution :

1. Scripts de référence dans le fichier de configuration angulaire :

Localisez et ouvrez le fichier "angular-cli.json" (ou "angular.json" pour les versions Angular 6 et supérieures). Sous la propriété "scripts", spécifiez le chemin d'accès à votre fichier JavaScript externe, comme le montre cet exemple :

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

2. Déclarez la variable dans typings.d.ts :

Créez un fichier nommé "typings.d.ts" dans le répertoire "src" s'il n'existe pas. Au sein de ce fichier, déclarez une variable qui référencera votre script externe :

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

3. Importer dans le composant angulaire :

Dans votre composant angulaire, importez la variable que vous avez déclarée dans "typings.d.ts" en utilisant la syntaxe suivante :

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

Maintenant, vous pouvez accédez à la fonction "xyz()" depuis votre projet Angular en appelant "variable.xyz()".

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!