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