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

时间:2015-06-24 19:31:11

标签: angularjs forms

您认为这已经是Angular的一部分,但我无法找到它。您可以使用ng-model将表单字段绑定到$ 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>

你认为应该存在这样的事情,对吗?它违反Apple Reference手动单独绑定。如果模型发生变化,它也会变得不灵活。

1 个答案:

答案 0 :(得分:1)

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

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

<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