Как показать последний тег входного значения индекса... 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>

angularjs angularjs-directive angularjs-ng-repeat

25.04.2019 16:58

Знаете ли вы, что директивы являются одной из самых мощных и универсальных функций Angular?

Директивы позволяют расширять HTML новыми элементами и атрибутами и даже создавать собственные структурные директивы для манипулирования DOM. С...

Разница между Angular и React

React и AngularJS - это два самых популярных фреймворка для веб-разработки. Оба фреймворка имеют свои уникальные особенности и преимущества, которые...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Используйте директиву 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>

Когда $last равно true, будет добавлен элемент <input>. В противном случае элемент <td> будет пустым.

Для получения дополнительной информации см.