javascript - 使用角度拖放列表跟踪索引位置变化

Question

我正在使用angular-drag-and-drop-lists并有一个我希望重新排序的简单项目列表。

我有这个工作，但我希望能够捕获正在移动的项目的旧索引位置和新索引位置。

我已经尝试使用dnd-moved并dnd-inserted按照下面的代码进行此操作。

标记：

<ul dnd-list="vm.route.stops"
        dnd-inserted="vm.stopInserted(index)">
          <li ng-repeat="stop in vm.route.stops"
              dnd-draggable="stop"
              dnd-moved="vm.stopMoved($index)"
              dnd-effect-allowed="move">
              <span>{{$index + 1}}.</span>
              <md-card style="width:280px;">
                <div layout="row">
                    {{stop.location}}
                </div>
              </md-card>
          </li>
      </ul>

控制器：

public stopMoved = (index: number) => {
    const stop = this.route.stops[index];
    console.log('Moved stop: ' +  stop.name + ' from position: ' + index);
    this.route.stops.splice(index, 1);
  }

  public stopInserted = (index: number) => {
    const stop = this.route.stops[index];
    console.log('Inserted stop: ' +  stop.name + ' at position: ' + index);
  }

我发现的问题是移动和插入停止时的输出索引值不是我所期望的。

我想我可能会遇到文档中提到的 dnd-inserted 属性的内容：