Как связать данные в ng-repeat с другим индексом - PullRequest
Новая
       9

Как связать данные в ng-repeat с другим индексом

0 голосов
/ 12 апреля 2019

Мои данные 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. Пожалуйста, помогите мне решить эту проблему. Заранее спасибо.

мой ожидаемый результат в сетке: 

1
2
3
4
5
6

Ответы [ 2 ]

3 голосов
/ 12 апреля 2019 

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>
1 голос
/ 12 апреля 2019

Здесь вам придется использовать 2 нг-повторения. 

<div ng-repeat="x in jsondata">
    <div ng-repeat = "y in x.debit">
      <div> {{y.amount}}</div>
    </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...