Angular JS Guide: How to create placeholder while loading like facebook

Issue

How to create background loading lines like facebook did while loading the content using angular js.

Solution

You could have a look at this blog post which describes in detail how the placeholders on Facebook work:

http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html

Essentially, you put in some static html styled with css to look similar to the content that is coming.

<div class="placeholder">
  <!-- some boxes in light grey to look like content -->
</div>

When you are finished loading, you remove the placeholder:

$(".placeholder").remove();

Answered By - Mira Weller