处理大型表单 - 数据绑定还是更新更改的字段?

时间:2014-05-08 23:15:08

标签: angularjs angularjs-scope

我正在创建一个票务系统并拥有多个LARGE表单(它是作为SharePoint应用程序构建的,但它与我的问题没有密切关系,因为我正在使用REST)。

由于输入的任何表格也可以编辑,最佳做法是继续使用数据绑定并在提交之前必须收集所有字段,或者我可以以某种方式确定哪些字段已更改并仅更新这些字段?

我刚学习Angular Forms,所有示例都有2或3个字段。我有一个表单有58个字段,其中有很多form.lastName = $scope.lastName;编码。

1 个答案:

答案 0 :(得分:2)

angularjs为你做到了。它跟踪模型的原始状态并与之进行比较;这就是它如何生成$ watch事件和模型更新。 ngForm验证允许您确定哪个字段已更改,模型中的每个字段都将具有$ dirty属性。

只需将此css添加到您的应用程序即可显示视图。

.ng-pristine { border:1px solid Gold; }
.ng-dirty.ng-valid { border:1px solid Green; }
.ng-dirty.ng-invalid { border:1px solid Red; }
.ng-dirty.ng-valid ~ span.ok { color:green; display:inline; }
.ng-dirty.ng-invalid ~ span.ko { color:red; display:inline; }