如何获得计算值结果并添加新行

时间:2016-10-05 05:42:09

标签: angularjs

我有三个输入,我在两个输入中减去值并在结果输入中结合结果。但我想在按钮点击上添加新行,我尝试在tr中重复使用但不能正常工作

var ReceiptsApp = angular.module('ReceiptsApp', []);

ReceiptsApp.controller('ReceiptsController', function ($scope) {
 $scope.rvm = [{}];
   $scope.addRow1 = function (index) {
        //alert('ss');
       $scope.result = $scope.r.val1 - $scope.r.val2;
        if ($scope.rvm.length == (index + 1)) {
            $scope.rvm.push({
            });
        }

    }


});

在这里找到代码

 https://jsbin.com/qutuyodite/edit?html,js,output 

1 个答案:

答案 0 :(得分:0)

ReceiptsApp.controller('ReceiptsController', function ($scope) {
 $scope.rvm = [{}];
   $scope.addRow1 = function (index, r) {
        // pass the particular array object on which you want to perform calculations when the function is called from ng-click and access those particular objects values using r.val1 and r.val2
        //Access particular "rvm" object using index
        $scope.rvm[index].result = r.val1 - r.val2;
        if ($scope.rvm.length == (index + 1)) {
            $scope.rvm.push({
            });
        }

    }

在HTML中

<td>
   <input type="text" lass="input-large" ng-model="r.result" name="res" />
  </td>
 <td>
  <button type="button" class="btn btn-default" ng-click="addRow1($index, r)">Add</button>
 </td>

工作JSBin