Создайте несколько таблиц с несколькими входами, используя AngularJS 1.6

Я работаю над задачей Angular JS, где мне нужно вводить данные из текстового поля и формировать строки с двумя полями ввода. Учтите, что строки и столбцы при вводе значений в это сформировали два поля ввода. Должна образоваться таблица со строками и столбцами. Вот ссылка на скрипку

https://jsfiddle.net/iamsaisanthosh/r1zync3g/

var app = angular.module('app', []);
app.controller('ctrl', function($scope) {
  $scope.table = [];
  $scope.cols = [];
  $scope.rows = [];
  $scope.arr = [];
  $scope.arh = [];
  $scope.trr = [];

  $scope.makeArray = function() {
    $scope.trr.length = 0;
    for (var k = 0; k < parseInt($scope.table); k++) {
      $scope.trr.push(k);
    }
    $scope.arr.length = 0;
    for (var i = 0; i < parseInt($scope.rows); i++) {
      $scope.arr.push(i);
    }
    $scope.arh.length = 0;
    for (var j = 0; j < parseInt($scope.cols); j++) {
      $scope.arh.push(j);

    }
  }

});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="ctrl">
    <input ng-model="table" type="text" ng-change="makeArray()" />
    <table>
      <tr ng-repeat="o in trr">
        <td> <input ng-model="rows[$index]" type="text" ng-change="makeArray()" />
        </td>
        <td> <input ng-model="cols[$index]" type="text" ng-change="makeArray()" /></td>
      </tr>
    </table>
    <div>
      <table>
        <tr ng-repeat="o in arr">
          <td ng-repeat="o in arh">Col</td>
        </tr>
      </table>

    </div>

  </div>
</div>

Я могу вводить данные из текстового поля и формировать строки. При вводе значений в сформированные поля ввода формируется таблица с введенными значениями. Табличные формы только для вводимых значений первой строки Проблема в том, что я не могу сделать это более чем для одной строки

Невозможно сформировать таблицу для значений, введенных во второй строке. В приведенной выше скрипке введите 2 в текстовое поле. 2 строки будут сформированы с двумя полями ввода. Введите 3 и 4 соответственно в поля ввода первой строки. Вы можете увидеть таблицу, формирующуюся из 3 строк и 4 столбцов. Мне нужно, чтобы то же самое происходило, когда я ввожу значения во вторую строку. Должна образоваться вторая таблица.


person Santhosh    schedule 01.07.2019    source источник


Ответы (1)


person    schedule
comment
Большое спасибо. Было бы здорово, если бы вы могли объяснить мне родительский индекс getrowscount и getcols count - person Santhosh; 01.07.2019
comment
getRowsCout получает массив нулевых значений длины, равной количеству строк для соответствующей таблицы, поэтому в основном вы повторяете это много раз и игнорируете нулевые значения. U повторите для подсчета, а не для значений в этих случаях - person Surya; 01.07.2019
comment
Каждый ng-repeat имеет свой собственный $ index, при этом $ parent u получает родительский ng-repeat $ index, что требуется в случае col, нужен индекс таблицы, а не строка - person Surya; 01.07.2019