模型数据和行为放在哪里？[TL；DR；使用服务]

Question

我正在为我的最新项目与AngularJS合作。在文档和教程中，所有模型数据都被放入controller范围。我理解，必须在那里为控制器提供，从而在相应的视图中。

然而，我不认为该模型应该在那里实现。例如，它可能很复杂，并且具有私有属性。此外，您可能希望在另一个上下文/应用程序中重用它。把所有的东西都放入控制器完全破坏了MVC模式。

如何按照AngularJS的最佳实践实现与控制器解耦的模型？

Answer 1

如果您想要多个控制器可用的东西，则应该使用服务。这里有一个简单的做作的例子：

myApp.factory('ListService', function() {
  var ListService = {};
  var list = [];
  ListService.getItem = function(index) { return list[index]; }
  ListService.addItem = function(item) { list.push(item); }
  ListService.removeItem = function(item) { list.splice(list.indexOf(item), 1) }
  ListService.size = function() { return list.length; }

  return ListService;
});

function Ctrl1($scope, ListService) {
  //Can add/remove/get items from shared list
}

function Ctrl2($scope, ListService) {
  //Can add/remove/get items from shared list
}