1

我想扩展一个基本的 angularjs 表单，以便它可以有动态数量的输入。基本上我想创建一个可以有 1 个或多个兄弟姐妹的用户。如果您单击表单上的 + 按钮，它将向表单添加一个额外的同级输入并将它们保存为一个数组。我会用什么概念来实现这个角度？

当用户单击时，如何将元素添加到有角度的部分视图？以及如何将这些输入保存为数组？

<div ng-controller="Controller">
  <form novalidate class="simple-form">
    Name: <input type="text" ng-model="user.name" /><br />
    Siblings: <input type="text" ng-model="user.sibling[0]" /><br />
     <a href="#" name="moresiblings">+</a>
  </form>
  <pre>form = {{user | json}}</pre>
</div>
4

2 回答 2

3

将兄弟姐妹包裹起来ng-repeat

<span ng-repeat="sibling in user.siblings"><input type="text" ng-model="sibling" /></span>

然后当你添加一个新的推到user.sblings范围内的数组

于 2013-10-31T04:15:17.920 回答
2

我建议ng-repeat在输入上使用，并将一个函数sibling附加到您的链接，将新的兄弟姐妹推入数组中。这是一个演示这个概念的小提琴。ng-clickmoresiblingsuser.siblings

于 2013-10-31T04:13:17.370 回答