Discussion :

[dragonfly]

Bonjour,

j'ai un petit probléme côté Angular2.

J'ai un component principal app.component.js dans lequel j'ai une fonction ngOnInit qui fait un appel http pour récupérer l'ensemble des paramétrages du site.
Il me raméne bien les données de ce côté pas de souci.

Mais comme l'appel est fait en asynchrone, il n'attend pas le retour de la requêtes avant d'executer le reste.

Du coup mes "components" fils commencent à s'executer alors qu'il n'ont pas les données nécessaires.

Ex: le component principal va chercher le login .
Les components fils eux ont besoin de ce login pour lancer leurs appels http respectifs.
Mais comme tout se lance en paralléle, les appels http des fils se lancent sans avoir la valeur du login.

Y'a t-il un truc pour éviter ou gérér ça automatiquement en Angular2 ou dois-je faire un appel AJAX en synchrone pour être sur d'avoir les données avant d'afficher mon site web (le probléme cde cette méthode c'est que tant qu'il n'y a pas de retour, la structure html ne s'affiche pas).

Si quelqu'un à une idée, je prends !!!

[Marco46]

Soit tu fais un bootstrap manuel de ta webapp et au préalable tu requêtes tes données de configuration (donc hors contexte angular avec du javascript classique, via jquery ou ce que tu veux),
soit tu prévois une vue qui te sert d'initialisation (dans laquelle tu affiches un loader de chargement sur toute la page par exemple), ça sera la route par défaut vers laquelle l'utilisateur est routé et dans laquelle tu fais tous tes calls à tes WS d'initialisation et de config, une fois toutes ces promesses résolues tu reroutes vers ta vraie route par défaut (accueil ou que sais-je).

Notes que cette réponse fonctionne bien avec angular 1.X, je ne sais pas s'il y a de nouvelles solutions à ce sujet dans angular 2.

[dragonfly]

Bonjour,

j'ai essayé de tester la deuxiéme solution, mais ca n'a pas marché (le fait que je débute et que je n'ai pas trop compris encore les mécanismes y jouent pour beaucoup je pense).

Je suis passé par un premier appel en synchrone lors de mon ngOnInit de mon App, mais pas de bootstrap manuel (je vois pas trop comment faire).
C'est mieux de passer par un bootstrap manuel ?

Aprés j'ai aussi essayé le @canActivate mais ca n'a pas fonctionné (je pense que c'est parce que je n'ai pas de routage pour l'instant, juste une page fixe affichant des données)

J'ai résolu de maniére un peu "sale" j'ai l'impression donc je laisse ouvert pour solution propre.

P.S : Je vais voir trouver des docs bootstrap manuel