Question

首先 - 我对AngularJS很新......

我已经创建了一个工厂类，我想创建一些实例，但问题是，当我创建一个新的“Case”类实例时，我的其他实例会改为...我相信它很漂亮很简单，但无法弄清楚。

我认为制作简单（通用）类

非常聪明

我的工厂类：

.factory('Case', function($q, $http) {
  var optionsProto = {
    id : null,
    reference : "",
    fields : []
  }

  var self = this;

  return function Case(options) {
    angular.extend(self, optionsProto, options);
    return self;

    // Updates via. webservice, if posible
    this.update = function get(options) {
      // not implemented yet
      return self;
    };

    // Saves via. webservice, if posible
    this.save = function save() {
      // not implemented yet
      return self;
    };
  }
})

我的控制员：

.controller('CasesCtrl', function($scope, Case) {

  $scope.cases = [
    new Case({"id": 1}),
    new Case({"id": 2}),
    new Case({"id": 3}),
  ];

  console.log($scope.cases);

})

控制台输出（如）::

Object {id: 3}
Object {id: 3}
Object {id: 3}

Answer 1

您引用了错误的this。尝试：

.factory('Case', function($q, $http) {
  var optionsProto = {
    id : null,
    reference : "",
    fields : []
  }; 

  return function Case(options) {
    angular.extend(this, optionsProto, options);

    // Updates via. webservice, if posible
    this.update = function get(options) {
      // not implemented yet
      return this;
    };

    // Saves via. webservice, if posible
    this.save = function save() {
      // not implemented yet
      return this;
    };
  }
});

如果要保留self变量（以便所有函数都绑定到Case对象），请执行以下操作：

  return function Case(options) {
    var self = this;
    angular.extend(self, optionsProto, options);

    // Updates via. webservice, if posible
    this.update = function get(options) {
      // not implemented yet
      return self;
    };

    // Saves via. webservice, if posible
    this.save = function save() {
      // not implemented yet
      return self;
    };
  }

另外：请注意，我删除了return self;行。这是因为new语句总是返回创建的对象，并且它正在中断函数的其余部分。

AngularJS工厂类，具有多个新实例

1 个答案: