Angular Wait For Promise Before Render, Best practices to deal with asynchronous behavior while writing Angular Tests. What I have is app. I am new to Angular 5 and was able to create view with access to service methods using subscribe but encounter problem in delay in render. After about a few seconds, it So question is, why rendering doesn't wait for my role fetch nor doesn't wait for promise to resolve before setting loading on true? I checked this answer Wait for react-promise to resolve In Angular2, how to use resolve and promise to wait data load from server before app route render page Asked 6 years, 10 months ago Modified 6 years, 10 months ago Viewed 3k times Waiting for promise to resolve before loading resource Asked 11 years, 6 months ago Modified 3 years, 10 months ago Viewed 50k times Testing with waitForAsync The waitForAsync utility tells Angular to run the code in a dedicated test zone that intercepts promises. log (this. The problem is i'm not clear how to wait for the data using async and await. I tried looking at this question where the elvis operato 27 Before ES2017 and async/await (see below for an option in ES2017), you can't use . By returning a promise for "resolve" values, the router would simply wait for the promise to complete before rendering directives. Angular Universal/SSR wait for api calls to finish before rendering view. Basically the console.