在 AngularJS 中保存在 ng-repeat 中生成的字段

Posted 2023-05-07

【中文标题】在 AngularJS 中保存在 ng-repeat 中生成的字段

【英文标题】：Saving a field generated in ng-repeat in AngularJS

【发布时间】：2015-12-04 15:56:06

【问题描述】：

所以，我需要在数组中保存 ng-repeat 中生成的每个字段的数据。我的代码如下所示：

<tr ng-repeat = "feature in filteredFeatures">
        <td>feature.name</td>
        <td><input type="number" ng-model=""></td> 
</tr>

所以，无论用户在输入字段上写什么，我都希望保存它，但我当然不知道如何保存。

【问题讨论】：

通过ng-model将数据推送到控制器中的数组

嗨，我是这个 Angular 的新手，我该怎么做？

【参考方案1】：

只需在输入中向 ng-model 添加一个模型

<tr ng-repeat = "feature in filteredFeatures">
    <td>feature.name</td>
    <td><input type="number" ng-model="feature.name"></td> 
</tr>

【讨论】：

似乎当我尝试所有字段都更改为相同的数字时，但每次迭代都应该有自己的值。

你能加个小提琴吗？

好吧，我到处找，但我找不到“小提琴”在这种情况下是什么意思，真的很抱歉，英语不是我的第一语言。 :(

没问题的人，英语也不是我的主要语言，小提琴是 jsfiddle.net 一个页面，当你让你的代码工作时我们可以玩

好的，我从 jsfiddle.net 得到这个链接：jsfiddle.net/#&togetherjs=3HljjNm8PM

【参考方案2】：

好吧，毕竟没那么难。 正如建议的那样，我通过 ng-model 放置了一个数组，但诀窍在于使用 $index（我不知道我可以使用它）。 所以代码最终看起来像这样：

<table class="table">
     <tr>
        <th>Feature</th>
        <th>Result</th>
     </tr>  
      <tr ng-repeat = "feature in filteredFeatures">
        <td>feature.name</td>
        <td><input type="number" ng-model="measures[$index]"></td> 
      </tr>

    </table>

所以，希望我以后可以帮助别人，并感谢所有提供一点时间的人。