title: How can I hide the display of a page until the ng-include elements are available?
body: <p>I am using the following code block:</p>
  
  <pre><code>&lt;section id="content"&gt;
      &lt;div class="block-border"&gt;
          &lt;div data-ng-controller="AdminGridContentController"&gt;
              &lt;ng-include src="'/Content/app/admin/partials/grid-content-base.html'"&gt;&lt;/ng-include&gt;
              &lt;ng-include src="'/Content/app/admin/partials/table-content.html'"&gt;&lt;/ng-include&gt;
              &lt;ng-include src="'/Content/app/admin/partials/modal-content.html'"&gt;&lt;/ng-include&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>This works but when it displays first of all it displays a "block-border" which in my case is a shadow border. Then after a short time the inside contents display. </p>
  
  <p>Is there a way I can make it so the outer <code>&lt;DIV&gt;</code> does not show until the inside includes are ready?</p>