0

i have table grid with one customer drop down, and button(on click showing modal popup for pending values) two input values and + button to add new row am able to get pending data correctly on change, but am subtracting two values here, Amount and AmountAdjusted then binding that value in PendingAmount(span) . am getting value, but when i adding row same value repeating

[https://jsbin.com/horifanequ/edit?html,js,output (i want to get result in 3rd text box on adding row)]

<table>
        <tr>
            <th>Customer</th>
            <th>Pendings</th>
            <th>Pending Adjusted</th>
        </tr>
        <tr ng-repeat="r in rvm">
            <td>
                <select ng-model="c" ng-change="GetAccountBalance(c)" ng-options="c.ID as c.Name for c in customer track by c.ID" style="width:150px;height:22px;" name="tCustomer" required>
                    <option value="">select Customer</option>
                </select>

            </td>
            <td>
                <button type="button" data-toggle="modal" ng-click="GetAccountBalance(c)" data-target="#ShowPendings">Pendings</button>
                <!-- Modal -->
                <div class="modal fade" id="ShowPendings" role="dialog">
                    <div id="modelPendings" class="modal-dialog">
                        <!-- Modal content-->
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">Pendings</h4>
                            </div>
                            <div class="modal-body">

                                <table>
                                    <tr>

                                        <th> Bill Amount </th>
                                        <th>Already Adjusted </th>

                                    </tr>
                                    <tr ng-repeat="rm in ReceiptsViewModel">

                                        <td>
                                            {{rm.Amount}}
                                        </td>
                                        <td>
                                            {{rm.AmountAdjusted}}
                                        </td>

                                    </tr>
                                </table>
                            </div>

                            <div class="modal-footer">

                                <button type="button" class="btn btn-default" style="background-color:#b5fab2">Submit</button>
                                <button type="button" class="btn btn-default" data-dismiss="modal" style="background-color:#b5fab2">Close</button>
                            </div>
                        </div>

                    </div>
                </div>
            </td>
            <td>
                <span id="spAmount">{{PendingAmount}}</span>
            </td>
            <td>
                <input type="text" ng-value="0.00" ng-model="PendingAdjusted" class="input-large" name="tPendingAdjusted" readonly />
            </td>

            <td ng-if="$last">
                <a href="#">
                    <span class="glyphicon glyphicon-plus orange" ng-click="addRow($index,c)"></span>
                </a>
            </td>
            <td ng-if="!$last">
                <a href="#">
                    <span class="glyphicon glyphicon-minus orange" @*data-toggle="modal" data-target="#delteConfirmation"*@ ng-click="deleteRow($index)"></span>
                </a>
            </td>        
        </tr>
    </table>

JS

$scope.rvm = [{}];
    $scope.ReceiptsViewModel = [];
   $scope.GetAccountBalance = function (c) {
    $scope.fetch = true;
    var getPendingData = ReceiptsService.GetPendings(c);
    getPendingData.then(function (d) {
      $scope.ReceiptsViewModel = d.data;
    //subtracting  here
        $scope.PendingAmount = $scope.ReceiptsViewModel[0].Amount - $scope.ReceiptsViewModel[0].AmountAdjusted;

                    $scope.fetch = false;
              });        
}
suman goud
  • 147
  • 2
  • 13

0 Answers0