Angular Dragula和ng-repeat $ index

Question

我有一排ng重復。 我對其進行了設置，以便您可以使用Angular Dragula進行拖放來對其重新排序。 這可以正常工作，但是ng-repeat $index拖動后仍保持每個項目的初始值。 拖動“收件人”行之前和之后，請參見下面的屏幕截圖。

有沒有辦法更新索引？ 我也想用javascript重新排列菜單，每行都有那個按鈕，但是要正常工作，我需要獲取當前的$ index（並遞減/遞增），如果索引不正確，那將不起作用像這樣。

拖曳前

拖后

Answer 1

嘗試通過$ index添加ng-repeat曲目。

Answer 2

對於它的價值，這是答案：

 <div class="table-cards-body" dragula="'first-bag'" dragula-model="home.quickReceiveFields">

      <div class="table-cards-row drag-item" ng-repeat="field in home.quickReceiveFields track by $index">
        <div class="one">{{field.name}}</div>
        <div class="two">{{field.type}}</div>
        <div class="three">{{field.default}} {{$index}}</div>
        <div class="four"><input type="checkbox" ng-model="field.display"></div>
        <div class="five"><input type="checkbox" ng-model="field.retain"></div>
        <button class="btn btn-default btn-xs" ng-click="home.moveItemUp($index)">^</button>
      </div>

 </div>

盡管文檔在angular-dragula站點上說了什么，您仍需要將dragula-model屬性放在要放置重復項的容器上 。 不是ng-repeat本身。