データセットからのフィルタリングではなく、$ indexのngtableカスタムフィルタ

Question

<table ng-table="demo.tableParams" class="table table-condensed table-bordered table-striped"> 
     <tr ng-repeat="row in $data"> 
      <td data-title="'Name'" filter="{name: 'text'}">{{$index}}</td> 
      <td data-title="'Age'" filter="{age: 'number'}">{{row.age}}</td> 
      <td data-title="'Money'">{{row.money}}</td> 
      <td data-title="'Country'" filter="{ country: 'select'}" filter-data="demo.countries">{{row.country}}</td> 
     </tr> 
     </table> 
    </div> 

インデックス番号を印刷するには{{$index}}があります。私はフィルタを使用して簡単にフィルタすることができることを理解する= {age: 'number'}しかし、私は$indexのために同じことをすることができませんJSのデータセットの一部です。

$indexを入力ボックスでフィルタリングできるようにするには、ページの読み込み時に自動的にフィルタリングするのではなく、

Answer 1

$ indexでフィルタリングすることはできません。しかし、テーブルをレンダリングする前に、単にデータセットを拡張することができます。

コントローラ

$scope.data = [{ 
    name: 'greg', 
    age:29, 
    money: 100.10 
}, { 
    name: 'bob', 
    age:30, 
    money: 250.00 
}]; 

for(var i = 0; i < $scope.data.length; i++) { 
    $scope.data[i].index = i; 
} 

$scope.table = new NgTableParams({ }, { 
    dataset: $scope.data 
}); 

ビュー：

<table ng-table="table" class="table table-condensed table-bordered table-striped"> 
    <tr ng-repeat="row in $data"> 
     <td data-title="'Index'" filter="{index: 'number'}">{{row.index}}</td> 
     <td data-title="'Name'" filter="{name: 'text'}">{{row.name}}</td> 
     <td data-title="'Age'" filter="{age: 'number'}">{{row.age}}</td> 
     <td data-title="'Money'" filter="{money: 'number'}">{{row.money}}</td> 
    </tr> </table>