Передача переменной $ scope от контроллера к службе

Question

В настоящее время написано прототип приложения в ионном, довольно новое для ионного и углового. Я написал небольшой JSON API с примерно 25 объектами в нем, я смог отобразить их список на странице, которую мы будем называть «Библиотека», теперь я пытаюсь использовать эти элементы списка в качестве ссылок на отдельную страницу для каждого элемента, которую мы назовем «уроком». Переменная $ scope.lessonId устанавливается правильно в контроллере, но устанавливается как неопределенная в службе. Можно ли достичь того, что я пытаюсь сделать, или я просто делаю это неправильно?

.controller('LibraryLessonCtrl', function($scope, $stateParams, LessonService) { 
    $scope.lessonId = $stateParams.libraryId; 
    console.log($scope.lessonId); 

    LessonService.getLessonId() 
     .then(function(response){ 
     $scope.lesson = response; 

     console.log($scope.lesson); 
    }); 
}) 

.service ('LessonService', function($http){ 
    return { getLessonId: function() { 
     return $http.get('api/postsAPI.json') 
      .then(function (response, lessonId) { 

       console.log(lessonId); 

       for(i=0;i<response.data.length;i++){ 
        if(response.data[i].post_id == lessonId){ 
         return response.data[i]; 
        } 
       } 
      }); 
     } 
    }; 
}) 

Answer 1

Вам необходимо передать переменную $ scope.lessonId на ваш служебный вызов, если вы хотите использовать это значение внутри своей службы.

.controller('LibraryLessonCtrl', function($scope, $stateParams, LessonService) { 
    $scope.lessonId = $stateParams.libraryId; 
    console.log($scope.lessonId); 

    LessonService.getLessonId($scope.lessonId) 
     .then(function(response){ 
     $scope.lesson = response; 
     console.log($scope.lesson); 
    }); 
}).service ('LessonService', function($http){ 
return { getLessonId: function(lessonId) { 
    return $http.get('api/postsAPI.json') 
     .then(function (response) { 

      console.log(lessonId); 

      for(i=0;i<response.data.length;i++){ 
       if(response.data[i].post_id == lessonId){ 
        return response.data[i]; 
       } 
      } 
     }); 
    } 
}; 

})

Answer 2

Вы можете сделать это путем передачи Id обслуживать и хранить его там. Пожалуйста, постарайтесь не передавать переменную $ scope для обслуживания, поскольку это не очень хорошая практика. Вы можете сделать следующее:

.service ('LessonService', function($http){ 
    var lessionId; 
    return { 
     /*other methods*/ 
     setLessionId: function(id) { 
      lessionId = id; 
     }, 
     getLessionId: function(){ 
      return lessionId; 
     } 

    }; 
})