Question

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

如何在用户点击时以角度向角色视图中添加元素？我怎样才能将这些输入保存为数组呢？

<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>

Answer 1

将兄弟姐妹包裹在ng-repeat

中

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

然后，当您添加一个新的时，将其推送到范围<{p>中的user.sblings数组

Answer 2

我建议在ng-repeat输入上使用sibling，并将ng-click函数附加到moresiblings链接，将新兄弟推送到user.siblings数组。这是展示概念的fiddle。

动态长度形式与angularjs

2 个答案: