Javascript 从本地服务器获取数据时，Angular是超流的

我有一个使用Flask构建的简单服务器。它返回应用程序使用角度显示构建的汽车列表。问题是angular需要花费很多时间，而且Web服务是本地的。我将在下面提供我的所有文件：

My Python Flask文件：Flask交叉源文件为

index.html：

'use strict';

/* App Module */
var app = angular.module('angularjs-starter', []);
app.config(function($routeProvider){
    $routeProvider
    .when('/', {templateUrl:'partials/cars_tpl.html', controller: 'showCarCtrl'});
    //.otherwise({redirectTo:'/'});
});

controllers.js

'use strict';

app.controller('showCarCtrl', function($scope, $rootScope,CarService){
        $rootScope.loading = true;

        CarService.getCars()
            .then(function(data){
                $rootScope.loading = false;
                $scope.cars = data;
            },

            //deferred
            function(data){
                console.log('Car Service failed');
                $rootScope.loading = false;
            });
});

'use strict';

/* Services */
app.factory('CarService', function($http, $q) {
   return {
     getCars: function(){
        var d = $q.defer();
        var config = {
            'url' : 'http://127.0.0.1:5000/cars',
            'method' : 'GET',
        };
        $http.get(config.url)
          .success(function(data, status) {
                console.log(data)
                d.resolve(data);
        }).error(function(data, status) {
            d.reject(data);
        });
        return d.promise;
     },
}});

directions.js "严格使用",

/* Directives */
app.directive('loading', function () {
      return {
        restrict: 'E',
        replace:true,
        template: '<div class="loading" ng-show="loading"><img src="img/loading.gif"/>Loading...</div>',
        link: function ($scope, element, attr) {
              $scope.$watch('loading', function (val) {

              });
        }
      }
  });

---

~

没有详细阅读代码，但是延迟发生在哪里？（Chrome网络标签？）。我有一个类似的例子：延迟是在get请求上，当我使用jquery做同样的事情时，它是在1秒内完成的，角度是13秒

/* Directives */
app.directive('loading', function () {
      return {
        restrict: 'E',
        replace:true,
        template: '<div class="loading" ng-show="loading"><img src="img/loading.gif"/>Loading...</div>',
        link: function ($scope, element, attr) {
              $scope.$watch('loading', function (val) {

              });
        }
      }
  });

'use strict';

/* Services */
app.factory('CarService', function($http, $q) {
   return {
     getCars: function(){
        var d = $q.defer();
        var config = {
            'url' : 'http://127.0.0.1:5000/cars',
            'method' : 'GET',
        };
        $http.get(config.url)
          .success(function(data, status) {
                console.log(data)
                d.resolve(data);
        }).error(function(data, status) {
            d.reject(data);
        });
        return d.promise;
     },
}});