AngularJS：表单输入具有相同的 ng-model 和 name 属性答案

【问题标题】：AngularJS: Form input having same ng-model and name attributeAngularJS：表单输入具有相同的 ng-model 和 name 属性
【发布时间】：2014-12-20 18:44:03
【问题描述】：

我目前正在 AngularJS 中实现一个表单，我遇到了这个问题，我无法弄清楚它为什么会发生。

问题出在这里：

当我输入相同的 ngModel 名称和 name 属性名称时，输入字段将被 [object Object] 填充。

例如：<input type="text" ng-model="myForm.firstname" name="firstname"> 会导致

我猜这是由 name 绑定到 ngModel 引起的。不知道为什么以及是什么导致了这种情况..

这里是 plunker：http://plnkr.co/edit/ErEuQK4WNuAC6fg0xmJQ?p=preview

提前致谢:)

【问题讨论】：

标签： html angularjs forms input

【解决方案1】：

这源于您的表单名称。 Angular 会自动在范围内设置您的表单，并使用每个输入的 name 属性来表示该输入。它包含所有验证和其他字段级元数据。

因此，您不应直接修改 $scope'd 表单（在您的情况下为 myForm）。如果您尝试存储输入的值，则应使用不同的对象。

<form name="myForm">
  <input type="text" ng-model="myFormValues.firstname" name="firstname">
  <input type="text" ng-model="myFormValues.lastname" name="last_nm">
</form>

【讨论】：

感谢您的解释！