нг-повтор в 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>

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

Но я хочу, чтобы это было в столбцах так: значение элемента значение элемента значение элемента

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

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

       })

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

javascript html angularjs angularjs-ng-repeat

0

Ann987 24 Окт 2019 в 13:56

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>

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

0

Piyush 24 Окт 2019 в 12:22

Answer 2

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

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

Но в итоге должен быть только один нг-повтор

0

Tino 24 Окт 2019 в 11:01

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

2 ответа

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

Новые вопросы

javascript