使用ng-repeat时,避免在表中的列中重复索引

时间:2015-09-25 12:40:39

标签: javascript angularjs ng-repeat

下面是我的plunker,其中我要根据不同的月份显示输出类型。我想通过获取数组中的所有值来点击保存按钮来保存每个月的最大容量。但是当我输入一个文本框时,值会重复,因为索引是按列重复的。

https://cloud.google.com/appengine/docs/php/#PHP_Special_server_keys

以下是代码:

JavaScript的:

  <table style="border:1px solid red;">
    <thead>
        <tr>
            <th>&nbsp;</th>
            <th ng-repeat="i in months"><b>{{i}}</b></th>
        </tr>
    </thead>
    <tbody ng-repeat="item in outputType">
        <tr>
            <td>{{item}} </td>
            <td ng-repeat="i in months">
                <input type="text" ng-model="values[$index]"
                       placeholder="Max.Capacity">

            </td>
        </tr>
    </tbody>
</table>

HTML:

int x = 40;
System.out.println(x);
System.out.println(x + x);
System.out.println("" + x + x);

40
80
4040

2 个答案:

答案 0 :(得分:2)

检查http://plnkr.co/edit/4DUDIBoTOCI4J89FiQeM?p=preview

JS

$scope.values = {};

HTML

<input type="text" ng-model="values[item][i]"  placeholder="Max.Capacity">

<input type="text" ng-model="values[i][item]"  placeholder="Max.Capacity">

答案 1 :(得分:1)

解决方案,如果您想留下数组

您需要在输入中更改 ngModel

<input type="text" ng-model="values[$index]" placeholder="Max.Capacity">

ng-model="values[$parent.$index][$index]"

以下是一个例子:

Example