Question

我遇到了从服务器加载动态表头的问题。但是，当它们加载时，而不是像它们一样在桌子上显示它们应该堆叠在一列中。

这是html：

                 <tr *ngFor="let title of headers">
                 <th class='table-header'>{{title['COLUMN_NAME']}}</th>
             </tr>
             </thead>
             <tbody >
                 <tr *ngFor="let item of data | paginate : {itemsPerPage: 25, currentPage: p} ">
                     <td>{{item.ID}}</td>
                     <td>{{item['78d00422ce41_POWER']}}</td>
                     <td>{{item['78d00422ce41_TIME']}}</td>
                     <td>{{item['78d00422821c_POWER']}}</td>
                     <td>{{item['78d00422821c_TIME']}}</td>


             </tr>
             </tbody>

继承人＆＃39;标题＆＃39;数组看起来像：

[  
   {  
      "COLUMN_NAME":"ID"
   },
   {  
      "COLUMN_NAME":"78d00422ce41_POWER"
   },
   {  
      "COLUMN_NAME":"78d00422ce41_TIME"
   },
   {  
      "COLUMN_NAME":"78d00422821c_POWER"
   },
   {  
      "COLUMN_NAME":"78d00422821c_TIME"
   }
]

如果我遗失了某些东西，或者我做错了，请告诉我！

Answer 1

在*ngFor标记

中使用<th>

<th *ngFor="let title of headers" class='table-header'>{{title['COLUMN_NAME']}}</th>

希望这对你有用！：）

* ng不正确加载动态表头的angular2

1 个答案: