Я работаю над задачей 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 столбцов. Мне нужно, чтобы то же самое происходило, когда я ввожу значения во вторую строку. Должна образоваться вторая таблица.