Как зациклить несколько таблиц TH в AngularJS - PullRequest
Новая
       8

Как зациклить несколько таблиц TH в AngularJS

0 голосов
/ 13 июня 2018 
<table class="table table-bordered">
<thead>
  <tr>
     <th></th>
     <th colspan="3" ng-repeat="d in $ctrl.otherdata">{{d.name}}</th>
   </tr>
   <tr>
     <th>User ID</th>
     ***** want to loop following 3 th***** 
     <th>ABC</th>
     <th>XYZ</th>
     <th>PQR</th>
    ***************************************
   </tr>

</thead>
<tbody>
  <tr ng-repeat="data in $ctrl.somedata">
     <td>{{data.name}}</td>
     <td>{{data.x}}</td>
     <td>{{data.y}}</td>
     <td>{{data.z}}</td>

   </tr>

</tbody>
</table>

Можно ли выполнить цикл после 3-го в ng-repeat на основе длины $ctrl.otherdata? 

<th>ABC</th>
<th>XYZ</th>
<th>PQR</th>

Я пробовал, но выглядело, как будто это не соответствует веб-стандарту, я пытался использовать DIVно похоже, что это невозможно в таблице, поэтому любая другая альтернатива?

Проверьте прикрепленное изображение: это то, что я ищу для броска, используя угловой js

I want table like this using loop

1 Ответ

0 голосов
/ 13 июня 2018

Это должно работать - 

<table class="table table-bordered">
<thead>
  <tr>
     <th></th>
     <th colspan="3" ng-repeat="din $ctrl.otherdata">{{d.name}}</th>
   </tr>
   <tr>
      <th>User ID</th>
      <th ng-repeat-start="x in $ctrl.otherdata">ABC</th>
      <th>XYZ</th>
      <th ng-repeat-end>PQR</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="data in $ctrl.somedata">
      <td>{{data.name}}</td>
      <td>{{data.x}}</td>
      <td>{{data.y}}</td>
      <td>{{data.z}}</td>

    </tr>

  </tbody>
</table>
...