title: Wait for async data before rendering a list on AngularJS and Ionic
body: <p>I am a newbie on Angular JS but have good experience working with Javascript.</p>
  
  <p>In my App I am creating a simple Factory fulfilled by JSON data coming from a web service:</p>
  
  <pre><code>.factory('Tools', function($http) { 
      var tools = {content:null};
      var promise = $http.get('/Tool/GetTools').success(function(data) {
          tools.content = data;
          //At this points all the data is on tools.content
      });    
      return {
          promise:promise,
          all: function(){
              return tools;
              //At this point tools equals to null
          }
      }
  });
  </code></pre>
  
  <p>But when I want to render the list:</p>
  
  <pre><code>&lt;ion-list&gt;
        &lt;ion-item ng-repeat="tool in tools"&gt;
          Hello, {{tool}}!
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;
  </code></pre>
  
  <p>The info isn't still there yet.</p>
  
  <p>I have this on my controller:</p>
  
  <pre><code>.controller('AccountCtrl', function($scope, Tools) {
    $scope.tools = Tools.all();
  });
  </code></pre>
  
  <p>Is there a way to tell the list to "wait" while the Tools object loads from the ajax call before the list renders?</p>
  
  <p>Thanks!</p>