在Angular.js中模型状态应该存储在哪里

Question

我觉得Angular对模型的使用让人困惑。Angular似乎采取的方法是，模型可以是任何你喜欢的--即。Angular不包含显式的模型类，您可以使用常规JavaScript对象作为模型。

“编辑”这个问题的第二个答案很有趣，也很接近我目前使用的。

Answer 1

$scope是Angular的数据存储对象。它类似于数据库。$scope本身不是模型，但您可以在$scope中存储模型。

每个$scope都有一个父$scope，一直到$rootscope，形成一个松散地镜像DOM的树结构。当您调用一个需要一个新的$scope的指令（如ng-controller）时，将创建一个新的$scope对象并将其添加到树中。

$scope对象使用原型继承连接。这意味着，如果您在树中的较高级别添加模型，那么它将对所有较低级别可用。这是一个非常强大的特性，它使$scope层次结构对模板作者几乎是透明的。

$scope只是一个简单的JavaScript对象。创建多个$scope对象并不比创建一个包含多个currentImage对象的数组更浪费。这是组织代码的一种明智的方法。

通过这种方式，Angular消除了我们在JavaScript中经常发现的“我在哪里存储数据”的老问题。这是我们从Angular公司获得的巨大生产力提升的来源之一。

是否获得全局数据（例如用户ID）？将其存储在$rootscope中。获取本地数据（例如，一个库中有多个库实例的currentImage）？将其存储在属于该库的$scope对象中。

当然，没有什么可以阻止您向模型添加额外的函数并将它们存储在JSON对象中（如果您想的话），但这将是在一个不适合Angular的范例中进行移植。

Angular对象通常是数据的存储库，而不是函数的存储库。

当然，您在客户机上持有的模型不是真正的模型。您的实际模型，您的唯一真实来源存在于服务器上。我们使用API对其进行同步，但如果两者之间存在冲突，那么数据库中的模型显然是最终的胜利者。

例如，服务可能包含与RESTful API对话的方法，或者验证数据的方法，或者您可能需要做的任何其他工作。

当然，您不应该使用服务作为模型。用它们作为可以做事情的对象。有时他们会对你的模特做些什么。这是一种不同的思维方式，但是可行的。