Question

我需要一个为我提供范围或动态var的服务，所以我转到其他控制器。

我在JSBin上做了一个测试但没有工作。

https://jsbin.com/semozuceka/edit?html,js,console,output

angular.module('app', [])

.controller('control1', function($scope, shared) {
    shared.set('teste', {
        testecontroller1: "Apenas um teste"
    });
    $scope.teste = shared.get();
    $scope.teste2 = shared.get();
})

.controller('control2', function($scope, shared) {

    $scope.teste = shared.get('teste');
    shared.set('teste2', {
        testecontroller2: "Apenas um teste"
    });
    $scope.teste2 = shared.get('teste2');

})

.service('shared', function($scope) {

    $scope.data = {};

    this.set = function(key, obj) {
        $scope.data[key] = obj;

    };

    this.get = function(key) {
        return $scope.data[key];
    };

});

Answer 1

我会去工厂服务，因为不需要创建自定义服务。鉴于控制器的功能，我创建了一个简单的工厂，如下所示：

.factory('shared', function() {
  var shared;
  var data = {};

  shared = {
    set: setFunc,
    get: getFunc
  };

  return shared;

  function setFunc(key, input){
    data[key] = input;
  }

  function getFunc(key){
    if(key)
      return data[key];
    else return data;
  }
})

可能需要澄清的唯一部分是getFunc。在control1中，您希望获取data对象而不指定任何属性。但是，在control2中您确实指定了导致条件if(key)的{{1}}。总而言之，此函数检查是否存在传递的属性参数并返回相应的数据。

这是一个有效的plunker。

您可以在官方documentation中详细了解不同的Angular提供商以及它们之间的比较。

享受！

Answer 2

请勿尝试使用$scope，因为它会尝试使用scopeProvider。您无法将其注入服务中。此外，服务的输入是一个数组（包含一个函数），而不仅仅是一个函数。

话虽如此，如果您在服务中跟踪变量，则根本不需要范围。

.service('shared', [function() {
    var data = {};

    return {
        set: function(v, val) {
            data[v] = val;
        },
        get: function(v) {
            return (v)? data[v]: data;
        }
    };
}]);

JSbin

具有动态范围或变量的角度服务

2 个答案: