각도로 서비스 만들기

Question

Nodejs에서받은 사용자 아이디를 저장하기 위해 Angular로 서비스를 만들고 싶습니다.

그래서 나는 서비스를 만들었습니다

MyApp.service('myservice', function(id) { 
    var userId = id; 
    return userId; 
}); 

을 그리고 내 컨트롤러 : 서비스에 데이터를 저장하는

MyApp.controller("MyCtrl", function($scope, $http, myservice){ 

    $scope.senduser = function(user){ 

     $http.post("/login", user).then(function(response){ 
      if(response.data){ 

      console.log(response.data); 
      myservice(response.data.id); //Store the data received from Node to myservice 

      } else { 
       console.log("No Data"); 
      } 
     }); 
    } 
}); 

임 수 없습니다. 나중에 액세스 할 수 있도록 서비스에 사용자 ID를 저장하려면 어떻게해야합니까?

Answer 1

서비스 코드는 다음과 같이 할 수 있습니다 당신은 컨트롤러에서 $ HTTP를하지 말았어야

MyApp.controller("MyCtrl", function($scope, $http, myservice){ 

$scope.senduser = function(user){ 

    $http.post("/login", user).then(function(response){ 
     if(response.data){ 

     console.log(response.data); 
     myservice.setUserId(response.data.id); //Store the data received  from Node to myservice 

     } else { 
      console.log("No Data"); 
     } 
    }); 
} 
}); 

Answer 2

서비스 팩토리 함수는 나머지 응용 프로그램에 대한 서비스를 나타내는 단일 객체 또는 함수를 생성합니다.

서비스 코드를 아래 코드로 변경하십시오.

MyApp.factory('myservice', function() { 
     var userId; 

     setUserId = function(id) { 
      userId = id; 
     } 

     getUserId = function() { 
     return userId; 
     } 

    return { 
    setUserId : setUserId, 
    getUserId : getUserId 
    } 

    }); 

을 그리고 컨트롤러는 설정하고 다음과 같이 값을 얻을 수 있습니다 :

MyApp.service('myservice', function() { 
    // setting some default value 
     this.userId = 0; 
}); 

MyApp.controller("MyCtrl", function($scope, $http, myservice){ 

    $scope.senduser = function(user){ 

    $http.post("/login", user).then(function(response){ 
     if(response.data){ 
     console.log(response.data); 
     myservice(response.data.id); //Store the data received from Node to myservice 
     myservice.userId = response.data.id 

     } else { 
      console.log("No Data"); 
     } 
     }); 
    } 
});