Angular element remove does not work ?

Question

I have a service which is responsible for show a loading bar on the screen. I add the loading bar dynamically like this

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

However finish function does work at all. It does remove the element from the body. Any ideas ?

joakimbl · Accepted Answer · 2013-05-21 07:25:48Z

10

You can use element.remove() - see http://docs.angularjs.org/api/angular.element for the available jQueryLight methods.

answered May 21, 2013 at 7:25

joakimbl

18.1k5 gold badges56 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

whamsicore Over a year ago

Do I have to use $destroy as well to kill the scope?

Collectives™ on Stack Overflow

Angular element remove does not work ?

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related