Угловой элемент remove не работает?

Question

У меня есть служба, которая отвечает за отображение загрузочной панели на экране. Я добавляю загрузочную планку так динамически, как это

coreModule.provider('$loading', function() { 
    this.$get = ['$document', function ($document) { 

     var element = angular.element('<div id="loading" class="loading">' + '<img src="../styling/img/loading.gif" alt="loading .... ">' + '</div>'); 

     return { 
      inProgress:function (message) { 

       $document.find('body').append(element); 
      }, 

      finish:function() { 
//    $document.find('body').remove(element);  <- does not work 
//    $document.find('body').remove('#loading'); <- neither this one does !! 
      } 
     } 
    }]; 
}); 

Однако функция завершения вообще не работает. Он удаляет элемент из тела. Есть идеи ?

Answer 1

Вы можете использовать element.remove() - см. http://docs.angularjs.org/api/angular.element для доступных методов jQueryLight.