Comment charger les bibliothèques javascript après le chargement du contenu dans Angular 2/4?

Question

A ce moment, mes bibliothèques javascript sont liées avec une balise script dans la tête de mon fichier index.html. Est-il possible de charger ces bibliothèques après que le contenu de la première page html a été chargé? J'utilise Angular 2/4?

Answer 1

Oui, vous pouvez faire en sorte que vos scripts soient chargés après des ressources supplémentaires, en les faisant charger après des choses comme les ressources et le contenu, en plaçant la balise de script à la fin de votre balise body.

Here's une question connexe sur Stackoverflow pour référence ultérieure.

Answer 2

Si vous utilisez la CLI angulaire vous pouvez inclure .js fichiers de votre node_modules dans votre .angular-cli.json alors quand la CLI regroupe votre application toutes vos bibliothèques de JS sont inclus.

Juste sous le tableau styles et au-dessus du environmentSource vous devriez voir le tableau scripts. J'ai inclus un peu (je l'ai tronqué) du JSON comme référence pour vous.

{ 
    "apps": [ 
    { 
     "root": "src", 
     "outDir": "dist", 
     "assets": [ 
     "assets", 
     "favicon.ico" 
     ], 
     "index": "index.html", 
     "main": "main.ts", 
     "styles": [ 
     "styles.scss" 
     ], 
     "scripts": [ 
     "../node_modules/hammerjs/hammer.min.js" 
     ], 
     "environmentSource": "environments/environment.ts", 
     "environments": { 
     "dev": "environments/environment.ts", 
     "prod": "environments/environment.prod.ts" 
     } 
    } 
    ] 
}