javascript - change - dynamic title angular 5

AngularJS: factory $ http service

Question

Estoy tratando de entender el concepto de fábrica y servicio en Angular. Tengo el siguiente código bajo el controlador

init();
function init(){
$http.post(''/services'', {
type : ''getSource'',
ID : ''TP001''
}).
success(function(data, status) {
updateData(data);
}).
error(function(data, status) {
});
console.log(contentVariable);
};
function updateData(data){
console.log(data);
};

Este código funciona bien. Pero cuando muevo el servicio $ http a la fábrica, no puedo devolver los datos al controlador.

studentApp.factory(''studentSessionFactory'', function($http){
var factory = {};
factory.getSessions = function(){
$http.post(''/services'', {
type : ''getSource'',
ID : ''TP001''
}).
success(function(data, status) {
return data;
}).
error(function(data, status) {
});
};
return factory;
});
studentApp.controller(''studentMenu'',function($scope, studentSessionFactory){
$scope.variableName = [];
init();
function init(){
$scope.variableName = studentSessionFactory.getSessions();
console.log($scope.variableName);
};
});

¿Hay alguna ventaja en el uso de fábrica, ya que $ http funciona incluso bajo el controlador?

Answer 1

El propósito de mover el servicio de studentSessions fuera de su controlador es lograr la separación de las preocupaciones. El trabajo de su servicio es saber cómo hablar con el servidor y el trabajo del controlador es traducir entre datos de vista y datos del servidor.

Pero estás confundiendo tus manejadores asíncronos y lo que está devolviendo qué. El controlador todavía necesita decirle al servicio qué hacer cuando los datos se reciban más tarde ...

studentApp.factory(''studentSession'', function($http){
return {
getSessions: function() {
return $http.post(''/services'', {
type : ''getSource'',
ID : ''TP001''
});
}
};
});
studentApp.controller(''studentMenu'',function($scope, studentSession){
$scope.variableName = [];
var handleSuccess = function(data, status) {
$scope.variableName = data;
console.log($scope.variableName);
};
studentSession.getSessions().success(handleSuccess);
});

Answer 2

La primera respuesta es excelente, pero quizás puedas entender esto:

studentApp.factory(''studentSessionFactory'', function($http){
var factory = {};
factory.getSessions = function(){
return $http.post(''/services'', {type :''getSource'',ID :''TP001''});
};
return factory;
});

Entonces:

studentApp.controller(''studentMenu'',function($scope, studentSessionFactory){
$scope.variableName = [];
init();
function init(){
studentSessionFactory.getSessions().success(function(data, status){
$scope.variableName = data;
});
console.log($scope.variableName);
};
});