我想在几个表中表示一些数据。但是Angular 4为它添加了许多新的div,也增加了一个破坏我桌面的新东西。
她的模板:
<div *ngFor= "let table of qmc.simplificationTable; let myIndex = index">
<table class="table table-bordered col-md-4">
<thead>
<tr>
<th>Group</th>
<th>Vars</th>
<th>Benutzt</th>
</tr>
</thead>
<tbody>
<div *ngFor= "let group of table let groupIndex = index">
<div *ngFor= "let primeImplicant of group">
<tr>
<td>
{{groupIndex}}
</td>
<td>
{{primeImplicant.toString()}}
</td>
<td>
{{primeImplicant._usedForCombination}}
</td>
</tr>
</div>
</div>
</tbody>
</table>
</div>
这是html结果: https://pastebin.com/z5UneyMf
你可以看到angular4为每个
添加了一个新的tbody元素<tr>
这些tbodies和新的div摧毁了我的桌子。
我该如何解决这个问题?
答案 0 :(得分:0)
只需替换
<div *ngFor
带
<ng-container *ngFor
感谢yurzui(评论中yurzui的想法)