web-dev-qa-db-fra.com

Comment appeler des fonctions JavaScript à partir de TypeScript dans Angular 5?

Je travaille sur PDF Développement du visualiseur dans Angular 5. J'ai terminé d'écrire du code HTML pour la partie interface utilisateur. Maintenant, j'ai des fichiers JavaScript qui fournissent des fonctionnalités pour les éléments de l'interface utilisateur. Comme Angular 5 prend en charge TypeScript pour la mise en oeuvre de fonctionnalités pour les composants d'interface utilisateur, je souhaite inclure des fichiers JavaScript dans Angular Project et les appeler à partir de mon code TypeScript.

Des questions:

  1. Comment et où inclure des fichiers JavaScript dans Angular Project?
  2. Comment appeler les fonctions JavaScript à partir de la classe TypeScript?

Ce serait génial si quelqu'un me fournit un exemple !!

Merci d'avance!!

24
Ravi Kumar B

1. Comment et où inclure des fichiers JavaScript dans Angular Project?

Vous devez inclure votre fichier JS dans le dossier asset ​​et référencer ce fichier JS dans . angular-cli.json fichier.

Reportez-vous à l'instantané,

La structure des dossiers devrait être comme ça.

enter image description here

. angular-cli.json

enter image description here

2. Comment appeler les fonctions JavaScript de la classe TypeScript?

votre TS devrait être comme ça.

contenu du fichier myJsFile.js.

enter image description here

Cet exemple de logique mentionné ci-dessus fonctionnera. J'ai déjà essayé et testé la version 4. Je m'attends donc à ce qu'il fonctionne avec la version 5 également.

64
Arun Raj R