нг-повтор в HTML-таблице

Question

Я создаю HTML-таблицу и использую этот код:

<table>
               <thead>
                   <tr>
                       <th colspan="2">The table header</th>
                   </tr>
               </thead>
               <tbody>
                  <tr ng-repeat="item in myDynamicLabels">
                    <td> {{item}}</td>
                   </tr>
                   <tr ng-repeat="value in myDynamicData track by $index" >
                       <td>{{value}}</td>
                   </tr>
              </tbody>
           </table>

Вывод, который я получаю, это значение элемента значение элемента элемента

Но я хочу, чтобы оно было в столбцах, так: item value item value item item

Как я могу это исправить и все еще использовать ng-repeat?

   angular.forEach(data.results.bindings, function(val)
       {
           $scope.myDynamicLabels.push(val.state.value);
           $scope.myDynamicData.push(val.nbr_university.value);

       })

Это мой код JavaScript для меток и данных

Answer 1

Измените свой код следующим образом:

 angular.forEach(data.results.bindings, function(val)
       {
           let jsonData = {
             state: val.state.value,
             university: val.nbr_university.value
           }
           $scope.myDynamicData.push(jsonData);

       })

И используйте ng-repeat что-то вроде этого:

<table>
   <thead>
      <tr>
        <th colspan="2">The table header</th>
      </tr>
   </thead>
   <tbody>
      <tr ng-repeat="value in myDynamicData track by $index" >
        <td>{{value.state}}</td>
        <td>{{value.university}}</td>
      </tr>
   </tbody>
</table>

Надеюсь, это то, что вы готовы сделать.

Answer 2

Если метки связаны с данными, вы можете иметь карту с ними и использовать item.label и item.value в одном и том же ng-repeat.

Если вам не нужна карта,вам нужен как минимум способ получить требуемое значение getValueForLabel (item).

Но, в конце концов, должен быть только один ng-repeat