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

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

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

javascript json angularjs

12.04.2019 09:23

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

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

Ответы 2

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

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

12.04.2019 09:31

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

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>

12.04.2019 09:36

Другие вопросы по теме

Не удалось найти конструктор

Как удалить вложенное поле объекта Json с помощью Gson

Апостроф экранирован в массиве строк JSON

Дооснащение 2.0: ожидалось BEGIN_OBJECT, но было STRING в строке 1, столбце 1, пути $

Как сделать []массив и карту с содержит []массив

Изменить значение json без имени ключа

Как получить разные типы данных из массива объектов JSON и поиграть с ними?

Разбор данных из JSON в форму Windows

Как сохранить ответ Fetch API JSON в объекте JavaScript

Половина записей теряется при переборе списка JSON

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

Ответы 2

Другие вопросы по теме

Похожие вопросы