Angular4添加了第二个tbody元素

时间:2017-06-28 14:59:21

标签: javascript html twitter-bootstrap angular

我想在几个表中表示一些数据。但是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摧毁了我的桌子。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

只需替换

<div *ngFor

<ng-container *ngFor

感谢yurzui(评论中yurzui的想法)