以角度形式形成输入数组

Posted 2023-03-05

【中文标题】以角度形式形成输入数组

【英文标题】：Form input arrays in angular

【发布时间】：2015-03-25 02:33:43

【问题描述】：

我正在学习 Angular.js，遇到了一个应该很简单的问题，但我似乎找不到答案。

我想用“connectedTeams”的值创建表单输入，就像在 html 中这样：

<input type="text" name="connectedTeam[]"> 
<input type="text" name="connectedTeam[]"> 
<input type="text" name="connectedTeam[]"> 

我已经尝试了以下角度...

<input type="text" name="connectedTeams[]" class="form-control" ng-model="user.connectedTeams">

...但是它将相同的值绑定到所有 3 个输入。我知道这是有道理的，但我似乎无法弄清楚如何告诉它 ng-model 是 user.connectedTeams.[] (user > connectedTeams > 添加到数组中。

我希望这足以让某人提供快速答案。

【问题讨论】：

name 属性对绑定没有影响...

即?

【参考方案1】：

 ng-model="user.connectedTeams[0]"
 ng-model="user.connectedTeams[1]" and so on

你可以把它放在一个ngRepeat中，这样你就不需要像上面那样重复你的代码了。

仅供参考，名称仅用于 Angularjs 中的验证。

【讨论】：

谢谢。我刚刚弄清楚了这一点，并准备回答我自己的问题。所以我想如果我正在做一个添加/删除行，我只需设置一个变量，如 $scope.i = 0;然后每次我点击添加它会增加或减少 $i 的值？

你应该阅读 ngRepeat 文档。您可以使用 $index。