Script déclaré dans le header inutilisatble avec lazy loading

**mazertys17** · 27/05/2020, 11h01

Bonjour,

En utilisant un composant lazy loadé, le script déclaré dans le header de l'index.html ne fonctionne pas.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<head>
   ...
  <meta name="google-signin-client_id" content="....apps.googleusercontent.com">
  <script src="https://apis.google.com/js/platform.js"></script>
 
</head>

J'ai bien vérifié, si je charge le composant directement dans le app.componant, il fonctionne.
Si je le charge avec le lazy loading, il ne fonctionne plus.

Comment faire dans ces cas là ?

J'ai essayer de créer un template dans le header ou de mettre le script dans le template du component (quelque chose d'absurde sans doute).
ou des choses comme ça sans succés.

**krakatoa** · 27/05/2020, 11h43

houla on ne touche jamais au fichier: index.html

Comment veut tu faire du lazy loading si des choses sont mises dans le fichier index.html ... ce n'est pas possible !
Pour le lazy loading, angular n'a pas la main sur: index.html

il y a toujours un package Angular qui va bien à utiliser
https://timdeschryver.dev/blog/googl...ular-component

et donc réadapter tes appels à l'api google dans ton code

**mazertys17** · 27/05/2020, 12h17

Yes merci pour ta réponse.

Aprés dans mon cas j'ai juste besoin de l'authentification google.
Pour que l'utilisateur puisse se connecter en 1 click.

**dukoid** · 27/05/2020, 12h30

alors faut utiliser le package firebase

**mazertys17** · 27/05/2020, 13h18

alors faut utiliser le package firebase

Firebase sert a stocker les données non ?

Dans mon cas j'ai ma propre BDD que je préfère utiliser j'ai juste besoin d'un système d'auth google qui me donne accés a un email (avatar etc... éventuellement) utilisateur sans qu'il ait a s'inscrire manuellement.

**dukoid** · 27/05/2020, 13h23

firebase est complet:
authentification
données (web socket)
hebergement (de projet angular)... c'est assez simple
cloud fonctions (des fonctions que tu écris en javascript + nodejs et ton appli y accède pour faire des traitements, c'est assez pratique)

tu peux juste utiliser l'authentification...

j'utilise l'authentification de firebase pour plusieurs projets: https://firebase.google.com/products/auth
c'est gratuit, rapide, fiable et simple à utiliser....
on peut gérer un profil avec une photo

Script déclaré dans le header inutilisatble avec lazy loading

Angular

Vue hybride

Discussions similaires

Partager

Partager