動態長度窗體與angularjs

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> 

兄弟姐妹然後，當你添加一個新的推到user.sblings陣列範圍

Answer 2

我建議在sibling投入使用ng-repeat，並附加一個ng-click功能，以您的moresiblings鏈接，推新的兄弟姐妹到user.siblings陣列。這是展示這個概念的fiddle。