javascript - 在 Angular 中设计模型

Question

我很难选择在 Angular 中创建模型的明确方法。几个星期以来，我一直在做这样的事情:

documentModule.factory('Document',function(){

    function MyModel(){
        this.prop = ''
    }

    MyModel.prototype.foobar = function(){
        // Some logic to perform on model data
    };

    return{
        getInstance: function(){
            return new MyModel();
        }
    }

});

我将所有处理模型数据的方法添加到原型(prototype)中。

我最近有幸阅读了一本关于“Human JavaScript”的免费电子书，您可能已经偶然发现了:http://read.humanjavascript.com

在第 7 章“模型”中，他们介绍了一种向我强加的应用程序提供模型的方法。我喜欢“能够打开模型的代码并读取它存储的属性以及这些属性的类型”的想法

但是，我自己并不是一个太聪明的人，无法想出在 Angular 中使用它的解决方案。另外，您如何使用模型？

您对这个概念有何看法？您会建议实现与 Angular 类似的东西吗？如果是这样，你会如何开始？

Answer 1

我确实认为使用原型(prototype)继承是一个好主意，它为某些逻辑提供了合适的位置，有助于保持 Controller 的精简。

我建议对您的示例进行简化:

documentModule.factory('MyModel',function(){

  function MyModel(){
      this.prop = ''
  }

  MyModel.prototype.foobar = function(){
      // Some logic to perform on model data
  };

  return MyModel;
});

像这样使用 MyModel:

documentModule.factory('MyModelController',function($scope, MyModel){
  $scope.myModel = new MyModel();
});

看看 $resource https://docs.angularjs.org/api/ngResource/service/ $resource 如果您希望为您的模型提供基本的 REST 支持。