AngularJS: usare ng-cloak per il caricamento dei template

Questa direttiva evita di mostrare i template delle view prima della compilazione.

Può capitare infatti che, specie dopo una richiesta AJAX iniziale, vi sia un ritardo nella compilazione dei template. ng-cloak nasconde il contenuto se quest'ultimo non è ancora stato compilato.

angular.module('MyApp').controller('MyCtrl', ['$scope', '$http', function($scope, $http) {
    $scope.items = [];
    
    $scope.getItems = function() {
      $http.get('/api/items').then(function(response) {
          $scope.items = response.data;
      }, function(err) {
         console.log(err);
      });
    };

    $scope.getItems();
}]);

Quindi nel template della view:

<div ng-controller="MyCtrl">
    <ul ng-cloak>
        <li ng-repeat="item in items"><!--...--></li>
    </ul>
</div>

Documentazione

ng-cloak