¿Cómo hago para que AngularJS muestre un control de giro de carga hasta que los datos hayan terminado de cargarse?

Si mi controlador tiene$scope.items = [{name: "One"}] configurar estáticamente, y un cargador AJAX que se llena$scope.items[0]['lateLoader'] = "Hello"Quisiera que la rueda giratoria se muestre hasta que se complete la carga AJAX y luego rellene el intervalo de límite con los datos recuperados.

<ul ng-repeat="item in items">
  <li>
    <p>Always present: {{item.name}}</p>
    <p>Loads later: <span ng-bind="item.lateLoader"><i class="icon icon-refresh icon-spin"></i></span></p>
  </li>
</ul>

Este código rellena el intervalo de enlace de inmediato, y comoitem.lateLoader Está vacío el spinner se sustituye por nada.

¿Cómo debo hacer esto limpiamente?