Question

我有一个角度为6的表。这是可以找到的，但是我想在ngfor中使用它，并且它不能按预期工作。表格如下：

  .hiddenRow {
    padding: 0 !important;
}

<table class="table table-condensed" style="border-collapse:collapse;">
    <thead>
      <tr>
        <th>#</th>
        <th>Date</th>
        <th>Description</th>
        <th>Credit</th>
      </tr>
    </thead>
    <tbody>
        <tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle" style="cursor: pointer;">
          <td>1</td>
          <td>05 May 2013</td>
          <td>Credit Account</td>
          <td class="text-success">$150.00</td>
        </tr>
        <tr>
          <td colspan="12" class="hiddenRow">
            <div class="accordian-body collapse jumbotron" id="demo1">
              Demo1
            </div>
          </td>
        </tr>
    </tbody>
  </table>

这是可行的发现，只是我想包括*ngFor以便在许多元素上循环。任何想法？

Answer 1

将其替换为您要为每一行重复的表格行

<tr *ngFor="for row of rows">
  <td> {{row.id}} </td>
  <td> {{row.date}} </td>
  <td> {{row.desc}} </td>
  <td> {{row.credit}} </td>
</tr>

（此代码未经测试）

Answer 2

更新

尝试一下：

<table class="table table-condensed" *ngFor="let l of list_name" style="border-collapse:collapse;">
    <thead>
      <tr>
        <th>#</th>
        <th>Date</th>
        <th>Description<th>
        <th>Credit</th>
      </tr>
    </thead>
  ...

您可以迭代所需长度的数组

角度6：如何使用ngfor制作可扩展表格？

2 个答案: