通過服務獲取JSON數據

Question

我想通過id獲取特定的類別。我使用$ http method填充dummyjson數據。我無法做到這一點。我已將ID從我的服務傳遞給控制器​​，但它返回空值。在這裏，我我的代碼

service.js：

(function() { 
    angular.module('myApp') 
     .factory('registerService', function ($http) { 
     var category=[]; 
      return { 
       getAll:function(){ 
        return $http.get('json/dummyJson.json').then(function(response){ 
         category=response.data; 
         return category; 
        }); 
       }, 
       getUser:function(category_id) 
       { 
        for(var i=0;i<category.length;i++){ 
         console.log(category.length); 
         if(category[i].id === parseInt(category_id)){ 
          return category[i]; 
         } 
        } 
        return null; 
       } 


      } 
     }); 
})(); 

controller.js：

(function() { 
     angular.module('myApp').controller('registrationCtrl1', function ($scope, $stateParams, registerService) { 
      console.log('inside registerCtrl2'); 
      $scope.categoryName=registerService.getUser($stateParams.category_id); 
      console.log($stateParams.category_id); 
      console.log($scope.categoryName); 
     }); 
    })(); 

Answer 1

你假設category將在getUser具有價值，但不會發生。填充類別的唯一地方是getAll，但由於您未調用getAll，因此未填充類別。 Chnage你的方法如下，它會工作：

getUser: function(category_id) { 
    return $http.get('json/dummyJson.json').then(function(response){ 
    category=response.data; 
    for(var i=0;i<category.length;i++) { 
     console.log(category.length); 
     if(category[i].id === parseInt(category_id)){ 
     return category[i]; 
     } 
    } 

    return null; 
}); 
} 

因爲你的方法現在返回一個承諾，你需要處理的回調承諾在您的控制器：

angular.module('myApp').controller('registrationCtrl1', function ($scope, $stateParams, registerService) { 
     console.log('inside registerCtrl2'); 
     registerService.getUser($stateParams.category_id) 
     .then(function (response) { 
      $scope.categoryName= response; 
      console.log($stateParams.category_id); 
      console.log($scope.categoryName); 
     }); 
    });