Ngx-admin: Inifite Spinner at start if route != pages

[wandri]

• I'm submitting a ...

[*] bug report
[ ] feature request
[ ] question about the decisions made in the repository

• What is the current behavior?

I have created an Another Login/Register Component instead of the iniate one.

When the app is called directly on the login route (or whatelse roots which is not pages),
The initial spinner doesn't go away.

• What is the expected behavior?

The spinner has to go away for each route.

• How to make it work?

replace:

  <app>Loading...</app>

  <style> ...</style>
  <div id="nb-global-spinner" class="spinner">
    <div class="blob blob-0"></div>
    <div class="blob blob-1"></div>
    <div class="blob blob-2"></div>
    <div class="blob blob-3"></div>
    <div class="blob blob-4"></div>
    <div class="blob blob-5"></div>
  </div>

by:

<app>
  <div id="nb-global-spinner" class="spinner">
       <div class="blob blob-0"></div>
       <div class="blob blob-1"></div>
       <div class="blob blob-2"></div>
       <div class="blob blob-3"></div>
       <div class="blob blob-4"></div>
       <div class="blob blob-5"></div>
    </div>
</app>

  <style> ...</style>

[nnixaa]

Hey @wandri, have you wrapped your page in <nb-layout> component? It is required for Nebular to start working.

[wandri]

That's it!

I haven't <nb-layout>. With it, it's working. Thanks.

I close the issue.

[nnixaa]

Glad it works!

[bali-ibrahim]

Hey @wandri, have you wrapped your page in <nb-layout> component? It is required for Nebular to start working.

Just to be clearer one needs to add <nb-layout>...</nb-layout> somewhere in the to-be-loaded-page's HTML:

<div>
...
<div>
<nb-layout></nb-layout>

[i-hamza]

@bali-ibrahim but doing that i added extra height and scroll bar to my page.
and @nnixaa by wrapping my content with <nb-layout></nb-layout> its is not showing any content.

[i-hamza]

@bali-ibrahim your answer was right just added display: none in nb-layout
<nb-layout style="display: none"></nb-layout>