Angular - Gestion d'écran de chargement ( loader )

Salut à tous, j'aurai besoin de conseil pour gérer un loader avec Angular, celui-ci est pour l'instant une div qui s'affiche sur l'ensemble de la page au premier plan (avec un ng-show=loader en attribut).
Ce loader s'affiche lors de l'envoi/réception d'un requête http sur un serveur, jusqu'ici çà fonctionne, j'ai sur une page html un ng-repeat qui me traite et m'affiche le retour de cette requêtemais je souhaite que $scope.loader soit égal à false seulement après que le dernier élément de mon ng-repeat soit affiché.

Je n'ai pas trouvé d'explications assez claires (pour moi, petit développeur) sur la marche à suivre, je sais qu'il est conseillé de le déclarer dans une directive, mais il doit me manquer des éléments.

Actuellement, j'ai dans ma page .html

(...)

<div class="offres" ng-repeat="resultat in resultats.resultList" repeat-finished>
{{resultat.nom}}
(...)
</div>
(...)

mon directives.js

angular.module('myApp.directives', ['myApp.services'])
  .directive('repeatFinished', function() {
  return function(scope, element, attrs) {
    if (scope.$last){
      angular.element(document).ready(function () {
        switch($location.path()){
//Test loader:
          case "/resultat" : $scope.loader=false; break;
}});}};});

J'utilise également une autre directive sans rapport avec cette partie, mais qui fonctionne correctement.