如何防止 Angular 表头重复答案

【问题标题】：how to prevent Angular table header is repeating如何防止 Angular 表头重复
【发布时间】：2022-08-17 22:50:14
【问题描述】：

<div *ngIf = \'recordData.queryName===\"style-size-query\"\'>

  <table class =\"table\">

    <thead>

    <tr> product  </tr>
    <tr> size  </tr>
    <tr> sortOrder  </tr>
    </thead>

    <tbody>
      <tr>
        <td> {{recordData.data.product}}  </td>
        <td> {{recordData.data.size}}  </td>
        <td> {{recordData.data.sortOrder}}  </td>
      </tr>
    </tbody>

  </table>
</div>

// 这是 Angular 代码，这是此代码正在运行的输出，但表头数据在每次迭代后重复。如何预防

标签： html angular html-table ngfor

【解决方案1】：

此代码有效，但表头数据在每次迭代后重复。如何预防

【讨论】：