각도 노선을 사용하는 $ http 통화

Question

각도 앱에 경로를 설정하기 만하면됩니다. 내가 /$http 전화의 뒤쪽으로 #/view/:id로 이동하면 첫 번째보기, List 프레젠테이션

의 목록을 얻기 위해 HTTP 호출을

function ListController($scope, $http) 
{ 
    $scope.error   = null; 
    $scope.presentations = null; 
    $scope.requesting  = true; 
    $scope.currentTitle  = '-1'; 
    $data = { 
     'type' : 'presentations' 
    }; 

    $http.post('resources/request.php', $data, {timeout:20000}) 
     .success(function(data, status, headers, config) 
     { 
      $scope.requesting = false; 
      $scope.presentations = data; 
     }) 
     .error(function(data, status, headers, config) 
     { 
      $scope.requesting = false; 
      log(status + ', data:" ' + data + '"'); 
     } 
     } 
    ); 
} 

내 노선은

angular.module('main',[]). 
    config(function($routeProvider) { 
    $routeProvider. 
     when('/', {controller:ListController, templateUrl:'resources/views/list.html'}). 
     when('/view/:id', {controller:VforumController, templateUrl:'resources/views/vforum.html'}). 
     otherwise({redirectTo:'/'}); 
    }); 

내가 가지고있는 문제입니다 다시 전화를받습니다. 앱에 처음 들어가서 처음으로로드 된 동일한 데이터를 참조하도록로드하려면 어떻게해야합니까?

각도 이외의 변수를 만들고 처음로드 된 데이터와 동일하게 설정하려고했습니다. 그런 다음 ListController에서 기본적으로 if data is null, do the $http call else set $scope.data = data을 수행했지만 작동하지 않았습니다. 목록보기가 비어 있습니다. $scope.data은 내 목록을 만드는 것입니다.

Answer 1

당신이 원하는 것은 각도에서 싱글 인 서비스입니다 :

.factory('myDataService', function ($http) { 
    var promise; 

    return function ($data) { 
    if (! angular.isDefined(promise)) { 
     promise = $http.post('resources/request.php', $data, {timeout:20000}); 
    } 

    return promise; 
    } 
}); 

는 그리고 지금 당신은 단순히 서비스를 호출 $http에 전화를 대체 할 수

function ListController($scope, myDataService) 
{ 
    // ... 

    myDataService($data).then(function success(response) { 
    $scope.requesting = false; 
    $scope.presentations = response.data; 
    }, function error(response) { 
    $scope.requesting = false; 
    log(status + ', data:" ' + response.data + '"'); 
    }); 
}