Hide external html while angular app is loading

Question

In my index.thmli have a lot of stuff that are not related to my app, it is just static header and footer provided by other guys, a lot of markup + styles.

so the question is can I do not show it untill styles from styles.css is loaded?

I thinking about some loader, but i believe there is a better soultion.

Thanks.

Not even close, static html are appearing without styles, that's all, this is not a duplicate. — Kraken, Feb 16 '18 at 22:14

score 1 · Answer 1 · answered Feb 16 '18 at 21:27

I'm not quite sure exactly what you are trying to achieve, but what you can do is:

Add a showLater class and display:none inline for these elements that you don't want to see until later

<div class="showLater" style="display:none">Content to hide until styles are loaded</div>
override in in style.css with !important

.showLater {display: block !important;}

score 1 · Accepted Answer · answered Feb 20 '18 at 13:38

1

Once you will make prod build, your problem will be resolved.

ng build --prod

Thanks.

answered Feb 20 '18 at 13:38

Maksym Bondarchuk

46
4

actually, it is. checkd it before – Kraken Feb 20 '18 at 13:39

Hide external html while angular app is loading

2 Answers2