Javascript 在angularjs中加载html和js时如何放置加载程序

在js和html加载期间。我得把它放进去。所以我可以实现任何想法

在数据加载完成之前，如何让AngularJS显示加载微调器

---

当前数据来自本地数组。

默认情况下，您只需在加载图像时添加一个“隐藏”类，然后在ng上单击删除该“隐藏”。成功后，您可以再次添加“隐藏”类。我认为这没什么大不了的。

您可以发出一个指令，在那里注入

http

服务，并观察其未决请求：

(function() {
    'use strict';
    angular
        .module('yourApp')
        .directive('loader', loader);

    /**
     * Defines loading spinner behaviour
     *
     * @param {obj} $http
     * @returns {{restrict: string, link: Function}}
     */
    function loader($http) {
        return {
            restrict: 'A',
            link: function(scope, element, attributes) {
                scope.$watch(function() {
                    return $http.pendingRequests.length;
                }, function(isLoading) {
                    if (isLoading) {
                        $(element).show();
                    } else {
                        $(element).hide();
                    }
                });
            }
        };
    }
})();

并使用它：

<span class="spinner" data-loader></span>