javascript — AngularJs — заполнить таблицы, проверив имена заголовков

AngularJs — заполнить таблицы, проверив имена заголовков

У меня есть два объекта, один содержит выбранные записи, а другой содержит выбранные поля. Теперь мне нужно заполнить таблицу динамически, проверив имя или значение заголовка столбца.

Я сослался на заполнение таблицы с помощью ng-repeat и проверил соответствие данных заголовка

Завершено: я смог динамически добавить заголовки в таблицу / столбцы.

Рабочий код в Plunker

HTML

 {amp}lt;table class="dataTable no-footer leadTable"{amp}gt; {amp}lt;thead{amp}gt; {amp}lt;tr role="row"{amp}gt; {amp}lt;th{amp}gt; {amp}lt;input type="checkbox" ng-model="selectedSObject[key]" class="select_tertiary_selectAll" /{amp}gt; {amp}lt;/th{amp}gt; {amp}lt;th ng-repeat="k in sFields[key]" ng-value="{{k.name}}" style="font-weight: 400; border-right: none; background-color: #0070d2; padding: 10px 18px;"{amp}gt; {amp}lt;div{amp}gt; {{k.label}} {amp}lt;/div{amp}gt; {amp}lt;/th{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/thead{amp}gt; {amp}lt;tbody{amp}gt; {amp}lt;tr role="row" ng-class="odd" ng-repeat="record in value.filtered"{amp}gt; {amp}lt;td{amp}gt; {amp}lt;input type="checkbox" ng-model="record.checked" /{amp}gt; {amp}lt;/td{amp}gt; {amp}lt;td ng-repeat="(key_1, value_1) in record" style="padding: 10px 18px;"{amp}gt; {amp}lt;div{amp}gt; {{value_1}} {amp}lt;/div{amp}gt; {amp}lt;/td{amp}gt; {amp}lt;/tr{amp}gt; {amp}lt;/tbody{amp}gt; {amp}lt;/table{amp}gt; 

JS

 $scope.sFields = getSFields($scope.sObjectCSVData); $scope.iterableRecords = getiterableRecords($scope.sObjectCSVData, allRecords) function getiterableRecords(sCSVData, allRecords) { var sObjectRecords = {}; if (allRecords) { Object.entries(sCSVData).forEach(function(key) { if (sCSVData[key[0]].filtered.length != 0) { if (sObjectRecords[key[0]]) { sObjectRecords[key[0]].push(sCSVData[key[0]].filtered) } else { sObjectRecords[key[0]] = [] sObjectRecords[key[0]].push(sCSVData[key[0]].filtered) } } }); } return sObjectRecords } function getSFields(sCSVData) { var fields = {}; Object.entries(sCSVData).forEach(function(key) { if (sCSVData[key[0]].filtered.length != 0) { for (var i = 0; i {amp}lt; sCSVData[key[0]].sObjectFields.length; i  ) { if (fields[key[0]]) { fields[key[0]].push(sCSVData[key[0]].sObjectFields[i]) } else { fields[key[0]] = [] fields[key[0]].push(sCSVData[key[0]].sObjectFields[i]) } } } }); return fields } 

введите описание изображения здесь

Необходимо сделать: теперь я должен заполнить таблицу с соответствующими значениями, проверив имя столбца. Я работаю в AngularJS 1.6.9

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector