Verfolgen, um zu sehen, wenn ein änderungen anzeigen, die in angularjs

Ich denke, dass ein viel einfacher, flexibler Ansatz wäre, die Nutzung AngularJS $http.pendingRequests.length nennen. Es gibt die ausstehende ajax-call zählen. Also, wenn es erreicht 0, du bist die Seite fertig ist laden.

Konnten Sie erstellen eine Richtlinie, die fügt einen laden div (scrim), auf ein beliebiges element, und wartet dann für alle ajax-Aufrufe zu beheben, und dann entfernt Ihr spinner.

Hier ist das Fleisch der code, um Ihren AngularJS Richtlinie:

        //Prepend the loading div to the dom element that this directive is applied.
        var scrim = $('<div id="loading"></div>');
        $(scrim).prependTo(domElement);

        /**
         * returns the number of active ajax requests (angular + jquery)
         * $.active returns the count of jQuery specific unresolved ajax calls. It becomes 0 if
         * there are no calls to be made or when calls become finished.
         * @return number of active requests.
         */
        function totalActiveAjaxRequests() {
            return ($http.pendingRequests.length + $.active);
        }

        /**
         * Check for completion of pending Ajax requests. When they're done,
         * remove the loading screen and show the page data.
         */
        scope.$watch(totalActiveAjaxRequests, function whenActiveAjaxRequestsChange() {
            if(totalActiveAjaxRequests() === 0){
                $log.log("done loading ajax requests");
                $(scrim).remove();
                $(domElement).css("position", "inherit");
            }
        });

Bitte beachten Sie, $.aktiv ist nicht dokumentiert.

InformationsquelleAutor Stone