0

並べ替え可能な [ドラッグ可能な行] を持つ ng-table があります。ただし、行をドラッグすると、新しいインデックスが正しくない場合があります。

コード:

<table class="table table-striped table-hover" data-ng-table="vm.tableParams" data-export-csv="csv">
  <tbody row-sortable="vm.items"  data-ui-sortable="" data-ng-model="vm.items" >
  <tr data-ng-repeat ="item in vm.items | filter: vm.searchInput">
   <td data-title="'Index'" style="white-space: nowrap; width: 35px;">
    <div style="padding-left: 10px;"> {{$index +1}} </div>                      
   </td> 
 </tr>
   ....

 </table>

前:

ここに画像の説明を入力

後:

ここに画像の説明を入力

ご覧のとおり、項目 2 をリストの一番下にドラッグした後、($index+1) インデックスは 8 である必要がありますが、7 であり、項目 8 のインデックスは 7 であるはずですが、8 です。

私はこれが私のコードではないことを知っています.Angular Dragで他の人からかなりの数のプランカーを試しましたが、インデックスも間違っていることがあります. バグなのか何なのかわかりません。

それにもかかわらず、私はおそらく変更命令で $watch を実行してから、リスト内の項目をループして新しいインデックス値を割り当てることを考えました。

誰でも適切なコードを提案できますか?

4

1 に答える 1