AngularJS - 我可以将对象绑定到整个表单吗？

Question

您可能认为这已经是 Angular 的一部分，但我找不到它。您可以使用 ng-model 将表单 fields 绑定到 $scope 中的变量。但我们不断地绑定，就像这样，100 个字段：

<form>
  <input name="foo" ng-model="object.foo" />
  <input name="foo2" ng-model="object.foo2" />
  <!-- and so on ... -->
</form>

Angular 是否提供了一种绑定表单并让每个字段绑定到它对应的对象属性的方法？像这样？

<form ng-model="object>
  <input name="foo" />
  <input name="foo2" />
  <!-- and so on ... -->
</form>

你认为应该存在这样的东西，对吧？手动单独绑定违反DRY。如果模型发生变化，它也很不灵活。

Answer 1

正如 fals 所说，您的方法似乎很混乱。 我假设您可能想要重复一个模型并动态创建一个表单。

使用 ng-form，您可以在 $scope 上动态重复模型绑定 ng-model。 非常棒的部分是您甚至可以进行验证！

<div class="form-group" ng-repeat="human in people">
               <ng-form name="customform{{$index}}">
            <input type="text" id="email{{$index}}" ng-model="human.email" id="email{{$index}}" required>
            </ng-from>
</div>

Demo