angularJS 服务是单例的吗？

Question

我有一个服务方法，它会改变一个布尔变量的值（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;
   };
}

此外，由于您将第二个控制器中的值作为函数的返回值而不是对服务变量本身的直接引用，因此不要期望它会自动更新。您每次都必须调用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