行的计数器在表中

Question

如何在表格中添加一个简单的计数器。我想将这个数字存储在一个变量中（如果可以只使用HTML）

HTML

<div class="table-responsive">
    <table id="carTable" class="table table-bordred table-striped">
        <thead>
            <th>Car ID</th>
        </thead>
        <tbody>
            <tr *ngFor="let car of cars">
                 <td>{{system.systemID}}</td>
            </tr>
        </tbody>
    </table>
</div>

Answer 1

实际上非常简单：

<tr *ngFor="let car of cars; let i = index">
  <td>{{system.systemID}}</td>
</tr>

现在i是你的柜台！

Answer 2

您可以使用for循环添加索引号，如

<div class="table-responsive">
    <table id="carTable" class="table table-bordred table-striped">
        <thead>
            <th>Car ID</th>
        </thead>
        <tbody>
            <tr *ngFor="let car of cars;let i = index">
                 <td>{{i +1}}</td>
            </tr>
        </tbody>
    </table>
</div>

这里你的变量存储为i，它以零索引开始。