Angularjs 角元素移除不起作用？

我有一个服务，它负责在屏幕上显示加载条。我像这样动态添加加载条

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 !!
            }
        }
    }];
});

coreModule.provider（“$loading”，函数（）{
此.get=['$document'，函数（$document）{
变量元素=角度元素（“”+“”+“”）；
返回{
inProgress:功能（消息）{
$document.find（'body'）.append（元素）；
},
完成：函数（）{
//$document.find（'body'）.remove（element）；您可以使用
element.remove（）
-有关可用的jQueryLight方法，请参阅。
我是否也必须使用$destroy来终止作用域？