使用angularJS獲取表中的行索引

Question

我想使用angularJS獲取此表中每行的索引

<table>
<tbody>
  <tr ng-repeat = "cust in costomers">
     <td> cust.name </td>
     <td> cust.phone </td>
     <td> cust.address </td>
  </tr>
</tbody>

我想要一個包含每行索引的變量，而不是只顯示它

Answer 1

你可以使用$ index

   <tr ng-repeat = "cust in costomers">
     <td> {{$index}} </td>
  </tr>

Answer 2

我認為您應該使用<tr>標簽來放置ng-repeat指令。 您可以使用ng-repeat's $index屬性。 請參閱ng-repeat的文檔 。

<table>
  <tbody>
    <tr ng-repeat = "cust in costomers">
      <td> {{$index}} </td>
      <td> {{cust.name}} </td>
      <td> {{cust.phone}} </td>
      <td> {{cust.address}} </td>
    </tr>
  </tbody>
</table>

Answer 3

當未過濾ng-repeat時，$ index工作正常。 如果使用過濾器，最好使用indexOf（）。 例：

<input type="text" ng-model="filterCustomers" placeholder="search...">
<table>
  <tbody>
    <tr ng-repeat = "cust in costomers | filter:filterCustomers">
      <td> {{costomers.indexOf(cust) + 1}} </td>
    </tr>
  </tbody>
</table>

Answer 4

如果要將自己的變量用作index ，可以使用：

<table>
<tbody>
  <tr ng-repeat = "(index, cust) in costomers">
     <td> {{index}} </td>
     <td> cust.name </td>
     <td> cust.phone </td>
     <td> cust.address </td>
  </tr>
</tbody>