Question

我的json数据：

var jsondata = [{"credit":"a","debit":[{"credit":"a","amount":1},{"credit":"a","amount":2}]},
 {"credit":"b","debit":[{"credit":"b","amount":3},{"credit":"b""amount":4},{"credit":"b","amount":5}]},
 {"credit":"c","debit":[{"credit":"c","amount":6}]}]

html：

<div ng-repeat="x in ?????" >  <input>{{ x.amount}}</input></div>

在这里，我想将所有（金额）借方值绑定到单个网格中作为输入字段，如果我尝试更改输入字段（金额值），则该字段应反映在原始json中。请帮我解决这个问题。预先感谢。

我在网格中的预期输出：

Answer 1

var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.jsondata = [{"credit":"a","debit":[{"credit":"a","amount":1},{"credit":"a","amount":2}]},{"credit":"b","debit":[{"credit":"b","amount":3},{"credit":"b","amount":4},{"credit":"b","amount":5}]},{"credit":"c","debit":[{"credit":"c","amount":6}]}];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="x in jsondata">
    <div ng-repeat="item in x.debit">
      <input type="text" ng-model="item.amount" />
    </div>
  </div>
</body>

Answer 2

您必须在这里使用2个ng-repeats。

<div ng-repeat="x in jsondata">
    <div ng-repeat = "y in x.debit">
      <div> {{y.amount}}</div>
    </div>
</div>

如何用不同的索引绑定ng-repeate中的数据

2 个答案: