javascript - 获取一个 Angular 工厂来引用它自己的数据

Question

我正在使用 Angular 工厂进行一些工作，在一个实例中，我希望工厂引用它自己的一些数据，但它似乎不起作用。在下面的示例中，data2 需要从 testVariable 读取值，但它似乎不起作用。在下面的示例中，数据只是空的。在我更复杂的场景中，我使用该值作为 bool 值来显示/隐藏值并收到错误“无法获取未定义或空引用的属性'xxxxxx'”。有谁知道我如何根据下面的需要成功引用 testVariable 。需要注意的一件事是，它需要在工厂内部返回，因为设置了一个 $watch 来在值发生变化时执行一些操作。

谢谢。

(function() {
angular.module('myApp.Module').factory(
    'MyFactory',
    function() {  

var factory = {
                    testVariable : 'testData2',
                    randomData : [
                        {
                            data1: 'testData1',
                            data2:  testVariable,
                            data3: 'testData3'
                        }, {
                            data4 : 'testData4',
                            data5 : 'testData5',
                            data6 : 'testData6',
                        }
            }

              return factory;
   });
}());

Answer 1

就像您所做的那样，testVariable 是一个对象属性，而不是变量!您需要在 factory 对象外部定义变量。

(function() {
angular.module('myApp.Module').factory('MyFactory',function() {

var testVariable = 'testData2';  

var factory = {
                    randomData : [
                        {
                            data1: 'testData1',
                            data2:  testVariable,
                            data3: 'testData3'
                        }, {
                            data4 : 'testData4',
                            data5 : 'testData5',
                            data6 : 'testData6',
                        }
            }

   return factory;
   });
}());