这是一个通用架构问题。所以想想 MVC 模型，其中包含数据的模型与某些 UI 字段相关联，因此它们会同时更新。
现在我需要存储一些与该 UI 字段相关联的 UI 状态，例如一个指示该字段是否处于编辑模式的标志。并且 UI 会根据这个编辑标志进行更新，比如当编辑标志为 true 时会显示一些编辑控件。
所以我最好重用数据模型并将状态与其他后端相关数据一起存储（我当然不会将此标志发送回后端，因为后端与 UI 状态无关），或者创建一个新容器来跟踪 UI 状态？
【问题讨论】：
标签： angularjs user-interface model-view-controller state
在 ui 表单 /model 变脏后（用户首先开始与表单的第一次交互），您会将模型（自然是 ui）的状态存储在一个对象中，我们称之为“包”。 当用户修改值时，您会不断更新包。在用户尝试离开表单（关闭窗口、在浏览器中来回切换等）之前，您可以将此包保存到 cookie（如果它很小）或发布到您的服务器并将其保存为 json 对象包含 4 个字段的表，例如 id、jsondata、modelUiIdentifier、userIdentifier。稍后加载该页面时，您可以获取此数据（如果该模型/ui 和用户存在该数据）并水合您的模型对象（这将自动更新您的 ui）。
如果您使用 angularjs，只需通过复制相关 ui 部分的 $scope 对象的数据（$scope 对象中的非“函数”值并如上所述发送到服务器）来遍历相关 ui 部分的 $scope 对象
【讨论】：
editing = true），或者更好将 UI 状态分离到另一个对象中？
状态就是数据，数据就是状态。考虑到这一点，如果您需要存储一些与 UI 字段关联的 UI 状态，请使用工厂创建对象。改变那个对象，你就改变了 UI 状态。此外，工厂可以通过简单的注入在您的项目中重复使用，管理不同状态的状态，并且易于测试。
更新：
服务管理数据/状态的简单演示http://plnkr.co/edit/PdDmUz?p=preview
.html
<h3>Controller 1</h3>
Check me, to check both:
<input type="checkbox" ng-model="selected.data" />
<pre>selected.data: {{selected.data}}</pre>
<h3>Controller 2</h3>
<div ng-controller="MainCtrl2">
Or, check me:
<input type="checkbox" ng-model="selected2.data" />
<pre>selected2.data: {{selected2.data}}</pre>
.js
app.controller('MainCtrl', function($scope,uiFieldState) {
$scope.selected = uiFieldState.uiObject;
})
app.controller('MainCtrl2', function($scope,uiFieldState) {
$scope.selected2 = uiFieldState.uiObject;
})
app.factory('uiFieldState', function () {
return {uiObject: {data: null} };
});
【讨论】：