[AngularJS]角 ng-repeat 创建一个表问题

发布时间: 2017/4/16 20:28:14
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我使用 ng-repeat 来设置所有行我需要但我也有一些投入。不过,我需要区分每一行,所以,如果在一个选中一个复选框,则选中它在别人现在一样。我敢肯定我失去了一些简单的东西在这里,但它只不向我走来。我的代码︰

<form class="beneEnroll" name="enrollForm" novalidate ng-model="electionData">
    <table class="table">
        <thead>
            <tr>
                <th></th>
                <th></th>
                <th>your plan year election</th>
                <th>pay check deduction amount</th>
                <th>NaviCard (no cost)</th>
                <th></th>
            </tr>
        </thead>
        <tbody ng-repeat="benefit in oe.oeBenefits">
            <tr>
                <td><input type="checkbox" name="beneElect" data-ng-value="false" ng-model="electInfo.deleted"></td>
                <td>{{ benefit.benefitName }}</td>
                <td><input type="number" name="amount" class="form-control" id="claimAmount" data-ng-model="electInfo.annualElection" ng-required="true" navia-min="0.01" navia-max="10000" ng-pattern="/^\d*(\.\d{0,2})?$/"></td>
                <td>{{benefit.numberOfContributions}}</td>
                <td><input type="checkbox" name="beneElect" data-ng-value="false" ng-model="electInfo.isDebitCard"></td>
            </tr>
        </tbody>
    </table>
</form>

解决方法 1:

模型应该指的循环数组中的项

<tbody ng-repeat="benefit in oe.oeBenefits">
    <tr>
        <td><input type="checkbox" name="beneElect" data-ng-value="false" ng-model="benefit.deleted"></td>
        <td>{{ benefit.benefitName }}</td>
        <td><input type="number" name="amount" class="form-control" id="claimAmount" data-ng-model="benefit.annualElection" ng-required="true" navia-min="0.01" navia-max="10000" ng-pattern="/^\d*(\.\d{0,2})?$/"></td>
        <td>{{benefit.numberOfContributions}}</td>
        <td><input type="checkbox" name="beneElect" data-ng-value="false" ng-model="benefit.isDebitCard"></td>
    </tr>
</tbody>

之后更改的位置的模型,您访问他们的方式应该更新,以及。

赞助商