通过服务获取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); 
     }); 
    });