【问题标题】:Saving a field generated in ng-repeat in AngularJS在 AngularJS 中保存在 ng-repeat 中生成的字段
【发布时间】: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 的新手,我该怎么做?

标签: javascript angularjs save ng-repeat


【解决方案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>

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-01-21
    • 1970-01-01
    • 2017-12-22
    • 1970-01-01
    • 2017-01-07
    • 1970-01-01
    • 2017-06-29
    • 1970-01-01
    相关资源
    最近更新 更多