如何显示最后一个索引输入值标签... ng-repeat

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何显示最后一个索引输入值标签... ng-repeat相关的知识,希望对你有一定的参考价值。

如何在ng-repeat中显示最后一个索引中的输入值但是它显示每个项目...我想只有最后一个索引用户输入付款金额请任何人帮助我这个高度赞赏

<table class="table display  table-hover table-bordered product-overview mb-10" id="support_table">
    <thead>
        <tr class="bg-info">
            <th class="col-md-4">Shirka Name</th>
            <th class="col-md-1">Approvals</th>
            <th class="col-md-2">CompanyRate</th>
            <th class="col-md-1">Mofa Upload Date</th>
            <th class="col-md-2">Payment</th>
            <th class="col-md-1">Balance</th>
        </tr>
    </thead>
    <tbody>
        <tr ng-repeat="item in VisaPaymentList">
            <td>{{item.ShirkaName}}</td>
            <td>{{item.approvals}}</td>
            <td>{{item.CompanyRate}}</td>
            <td>{{item.DateField}}</td>
            <td><input ng-change="BalanceMinus()"
                       ng-model="item.PaymentReceived" autocomplete="off" 
                       id="payment" class="form-control input-height" 
                       placeholder="Payment" type="text">
            </td>
            <td>{{item.Balance}}</td>
        </tr>

    </tbody>
</table>
答案

ng-if指令与$last项目范围的ng-repeat属性一起使用:

    <tr ng-repeat="item in VisaPaymentList">
        <td>{{item.ShirkaName}}</td>
        <td>{{item.approvals}}</td>
        <td>{{item.CompanyRate}}</td>
        <td>{{item.DateField}}</td>
        <td>    
            <̶i̶n̶p̶u̶t̶ ̶n̶g̶-̶c̶h̶a̶n̶g̶e̶=̶"̶B̶a̶l̶a̶n̶c̶e̶M̶i̶n̶u̶s̶(̶)̶"̶
            <input ng-if="$last" ng-change="BalanceMinus()"
                   ng-model="item.PaymentReceived" autocomplete="off" 
                   ̶i̶d̶=̶"̶p̶a̶y̶m̶e̶n̶t̶"̶ ̶c̶l̶a̶s̶s̶=̶"̶f̶o̶r̶m̶-̶c̶o̶n̶t̶r̶o̶l̶ ̶i̶n̶p̶u̶t̶-̶h̶e̶i̶g̶h̶t̶"̶ ̶
                   name="payment" class="form-control input-height" 
                   placeholder="Payment" type="text">
        </td>
        <td>{{item.Balance}}</td>
    </tr>

$lasttrue时,将添加<input>元素。否则<td>元素将为空。

有关更多信息,请参阅

以上是关于如何显示最后一个索引输入值标签... ng-repeat的主要内容,如果未能解决你的问题,请参考以下文章

如何仅在最后一个栏显示 chartjs 数据标签?

修改输入值时如何防止光标移动?

如何知道无序数组的最后一个索引

如何通过Selenium和Python从没有Select标签的Dropdown中选择最后一个值

我如何使用 indexPath.Autorelease ?删除最后一个索引值

JavaScript/HTML:如何在点击“提交”按钮之前显示所有输入值?