angularJS 서비스 싱글 톤입니까?

Question

나는 서비스 메소드를 가지고 있으며, boolean 변수의 값을 변경하고 (false는 디폴트 값) 컨트롤러로 돌아 간다. 버튼을 클릭하여이 서비스 메소드를 호출합니다.

이 버튼을 클릭하면 변수 값이 true로 간주됩니다. 지금은 다른 하나의 컨트롤러에서이 동일한 서비스 메소드에 액세스하고 있으며 false입니다. 왜?

뭐가 잘못 되었나요? 당신이 ,으로 두 가지 기능을 분리하고 있습니다 : 당신이 오타를 가지고있는 것처럼

첫 번째 컨트롤러,

.controller('myController1',.... 
$scope.value = false; 
$scope.buttonClick = function(){ 
      $scope.value = myService.setValue(value); 
} 

초 컨트롤러,

.controller('myController2',..... 
$scope.value = myService.getValue(); 

서비스,

angular.module('myModule', []) 
.service('myService', ['OtherTypes', 
    function (OtherTypes) { 

    var myServiceVariable = false; 
    return { 
    setValue: function (value) { 
       myServiceVariable = !value; 
       return (myServiceVariable); 
      }, 

    getValue: function() { 
       return myServiceVariable; 
      } 
} 
} 
]); 

Answer 1

이 보이는 ;이 아닙니다. 또한

myServiceVariable = false; 
setValue: function (value) { 
       myServiceVariable = !value; 
       return (myServiceVariable); 
      }; 

getValue: function() { 
     return myServiceVariable; 
    }; 
} 

, 당신은 함수에서 반환 값과 서비스 변수 자체가 아니라 직접 기준으로 2 컨트롤러의 값을 얻고 있기 때문에, 그것은 자동으로 업데이트되도록 기대하지 않습니다에 변경합니다. 매번 getValue() 함수를 호출해야합니다.

Answer 2

안녕 다음 코드는 서비스가 angularjs에서 싱글 톤임을 보여 주어야합니다.

작업 데모

myApp = angular.module("myApp",[]); 

myApp.service("myService", function(){ 
    myServiceVariable = false; 
    return { 
     setValue: function (value) { 
       myServiceVariable = value; 
       return (myServiceVariable); 
     }, 

     getValue: function() { 
      return myServiceVariable; 
     } 
    } 
}); 

myApp.controller("controller1", function($scope, myService){ 
    console.log(myService); 
    $scope.clickHandler = function(){ 
     myService.setValue(!myService.getValue()); 
    } 
}); 

myApp.controller("controller2", function($scope, myService){ 
    console.log(myService); 
    $scope.getServiceValue = function(){ 
     return myService.getValue(); 
    } 
}); 

당신은 here