title: Dynamically build table after it recieves information from service
body: <p>HTML Code:</p>
  
  <pre><code>&lt;table class="table table-bordered table-striped"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;td&gt;one&lt;/td&gt;
              &lt;td&gt;two&lt;/td&gt;
              &lt;td&gt;three&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="color in colors"&gt;
              &lt;td&gt;{{ color.one }}&lt;/td&gt;
              &lt;td&gt;{{ color.two }}&lt;/td&gt;
              &lt;td&gt;{{ color.three }}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>var SomeController = function ($scope, SomeService, $window) {
      var colors= [];
  
      SomeService.someFunction().success(function (data, status, header, config) {
          colors= data;
      }).error(function (data, status, headers, config) {
          // handle error
      });
  };
  </code></pre>
  
  <p>Basically, I need to dynamically create my table based on whatever is in the backend... however, the issue is that once I call the page, it automatically loads the columns and a second later or so, it'll get back from the service. Is there anyway I can either delay the load time or have the table "refresh" itself to show the new data.</p>