0

I'm developing an application using Angular 6 and I'm looking for some help/guidance on this. Below is my app component.

app.component.html

--header--

-- router outlet--

--footer--

And I'm invoking two observable http services to get the data in ngOnInit of app.component and storing the value in browser sesionStorage. The two invocations are happening one within another. And I'm trying to read the sessionStorage object in my child component's ngOnInit but the invocation is not happening the way I expected.

Expected:

-- app component - ngOnInit -- Service 1 Invocation --

-- app component - ngOnInit -- Service 2 Invocation --

-- app component - ngOnInit -- Store result into sessionStorage --

-- Child Component - ngOnInit - read object from sessionStorage--

Actual:

-- app component - ngOnInit -- Service 1 Invocation --

-- Child Component - ngOnInit - read object from sessionStorage--

-- app component - ngOnInit -- Service 2 Invocation --

-- app component - ngOnInit -- Store result into sessionStorage --

As the child component is not able to read the object from sessionStorage, it fails. And I'm trying to understand what am I missing here?

TIA

Improve this question
3
  • Your observables run async, so you have to wait for. Lear about higher order maps in rxjs. Commented Oct 16, 2019 at 14:28
  • The behaviour shows, that the child component has been initalized, before service 2 invocation is complete. ngOnInit gets fired as soon as the component has been placed in html. The simplest way to go about is, to wrap child component in a container and hide it with boolean and ngIf, once you have stored in sessionStorage, set the boolean to true. Do you want to see some code if the above explanation was not easy? Commented Oct 16, 2019 at 14:32
  • Take a look at this Commented Oct 16, 2019 at 14:36
Related questions
0
About Angular 1.5 component Lifecycle Hooks
0
Component dependencies & Using life cycle hooks as logic
37
How to implement multiple lifecycle hooks for an Angular2 component?
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.