テーブル内の行のカウンタ

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

が好きdは：今

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

iは、あなたのカウンターです！

Answer 2

現在地

<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として格納され、それがゼロのインデックスから始まるようにループのためにインデックス番号を追加することができます。