while loading the data the error message is showing for 2 sec

gistfile1.txt

$scope.serverIsLoading = true;

serverSetting.getServers()
            .then(function (response) {
                $scope.servers = [];
                if (!response.data.error && !response.data.null) {
                    angular.forEach(response.data, function (server) {
                        serverSetting
                            .getConfig(server.certname)
                            .then(function (response) {
                                if (response.data != null) {
                                    if (response.data.classes) {
                                        server.configKey = response.data.classes[0];
                                        if (server.configKey) {
                                            server.configName = generate.get_config(server.configKey).name;
                                        }
                                    }
                                    else if (response.data) {
                                        server.configName = response.data.productname;
                                    }
                                    else {
                                        server.configName = null;
                                    }
                                }
                            })
                            .finally(function () {
                                $scope.servers.push(server);
                            });
                    });
                }
            })
            .finally(function () {
                $scope.serverIsLoading = false;
            })
            
    <div ng-show="!serverIsLoading && servers.length==0">
            <h3 style="color:#ff1333;text-align:center;padding: 250px">
                Not being able to fetch server details at this
                moment. Please Try after some time.
            </h3>
    </div>        

    serverSetting.getServers()
        .then(function (response) {
            $scope.servers = [];
                angular.forEach(response.data, function (server) {
                    serverSetting.getConfig(server.certname)
                        .then(function (response) {
                                if (response.data.classes) {
                                    server.configKey = response.data.classes[0];
                                    if (server.configKey) {
                                        server.configName = generate.get_config(server.configKey).name;
                                    }
                                }
                        })
                        .finally(function () {
                            $scope.servers.push(server);
                        });
                });
        })
        .finally(function () {
            $scope.serverIsLoading = false;
        })

When i do ng-repeat server in servers, while loading data the error message is showing for 2 sec then the data is loading