Создать заголовок таблицы Angular2 с помощью цикла * ngFor - PullRequest
Новая
       6

Создать заголовок таблицы Angular2 с помощью цикла * ngFor

0 голосов
/ 28 ноября 2018

Итак, моя проблема настолько проста, но я не могу ее решить.

Я пытаюсь создать динамический заголовок таблицы с помощью * ngFor. 

<table>
  <tr>
        <th>Entry Warehouse</th>
        <th colspan="2" *ngFor="let data of datas">
          SomeText
        </th>
  </tr>
  <tr>
       <th>More Text</th>
       <div *ngFor="let data of datas">
         <th>A little text again</th>
         <th>A little text again</th>
       </div>
  </tr>
</table>

В любом случае, это решение самоубийства в этот момент.Если длина данных больше 1, тег div подчеркивает тэг в той же ячейке.Если я попробую другое решение, подобное этому; 

<table>
  <tr>
        <th>Entry Warehouse</th>
        <th colspan="2" *ngFor="let data of datas">
          SomeText
        </th>
  </tr>
  <tr>
       <th>More Text</th>
       <th *ngFor="let data of datas">A little text again</th>
       <th *ngFor="let data of datas">A little text again</th>
  </tr>
</table>

похоже, работает, но на самом деле нет.Потому что в это время следующий тэг не начинается до окончания предыдущего цикла.

1 Ответ

0 голосов
/ 28 ноября 2018

В угловых 2+ вы можете использовать <ng-container> теги 

<ng-conatiner *ngFor="let i of items">
<th>i</th>
</ng-conatiner>
...