【问题标题】:Angular form data / model data duplicationAngular 表单数据/模型数据复制
【发布时间】:2014-02-10 13:19:22
【问题描述】:

从 Angular 开始,我开发了一个应用程序,它使用从服务器数据中的字段类型动态选择的指令构建一个表单。所有字段都使用 ng-model 绑定到 $scope 内的数据。使用 $http 加载数据并保存到服务器。

今天我查看了 Angular 表单,通过将所有这些包装在一个表单元素中,并为每个输入命名,我会自动进行验证等,这非常好。

但现在我注意到维护了两组数据 - 我在 $scope 中的模型绑定数据,以及由 Angular 表单指令单独维护的数据。

查看 Angular 文档,例如表单或输入,该示例还绑定到 $scope (ng-model="text"),但表单数据是独立的 (myForm.input.*)。

这是明显的重复最佳做法吗?或者有没有办法在一个结构下将我的模型与 Angular 表单维护的数据统一起来?

【问题讨论】:

    标签: forms angularjs scope


    【解决方案1】:

    表单和ng-model(使用ngmodelcontroller)指令提供了一种机制来支持表单验证和input元素上的2路数据绑定。

    表单作为数据提供的是表单及其元素的当前状态,超出了您使用ng-model 绑定的标准model。重复代码是不好的,但这里表单中的数据是由表单指令跟踪的,所以很好。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-11-07
      • 2016-05-16
      • 1970-01-01
      • 2017-07-24
      • 2019-07-07
      • 1970-01-01
      • 2014-05-30
      • 2021-10-05
      相关资源
      最近更新 更多