带angularjs的动态长度形式

带angularjs的动态长度形式,angularjs,Angularjs,我想扩展一个基本的angularjs表单,这样它就可以有动态数量的输入。基本上,我想创建一个可以有一个或多个兄弟姐妹的用户。如果单击窗体上的+按钮,它将向窗体添加其他同级输入,并将它们保留为数组。我将使用什么概念来完成这项工作 当用户单击时,如何向角度的局部视图添加元素? 我如何使这些输入保持为一个数组 <div ng-controller="Controller"> <form novalidate class="simple-form"> Name: &l

我想扩展一个基本的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>

名称:
兄弟姐妹:
form={{user | json}}
我建议在
同级
输入上使用
ng repeat
,并将
ng click
功能附加到
moreshibids
链接,将新同级推送到
user.sibides
数组中。下面是一个演示该概念的示例。

我建议在
同级
输入上使用
ng repeat
,并将
ng click
功能附加到
moreshibids
链接,将新同级推送到
user.sibids
数组中。下面是一个演示该概念的示例。

将兄弟姐妹封装在
ng repeat



然后,当您添加一个新的时,将其推送到作用域中的
user.sblings
数组中

将同级封装在
ng repeat


然后,当您添加一个新的时,将其推送到作用域中的
user.sblings
数组中

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