angularjs - 是否可以获取我拖过的元素的索引？

Question

我正在使用 angular-dragdrop .我需要的是将拖动的项目插入到我拖动的列表中的正确位置。当下降发生时，我得到:

 $scope.onDrop = function ($event, $data, array) {
        // $data is the object being dropped.   
        array.push({
            id: $data.id,
            text: $data.text
        });
    };

如您所见，我只是在数组末尾添加内容。如果我有一个索引，那么我可以将它插入到它被删除的地方。

这对组件来说可能吗？

Answer 1

我认为这就是您所追求的。基本上，它捕获事件，并在数组中找到目标对象文本的索引，然后插入到那里。

  $scope.onDrop = function($event,$data,array){

      var idx = array.indexOf($event.target.innerText);

      array.splice(idx, 0, $data);

      $log.debug('Dropped ' + $data + ' on ' + $event.target.innerText);
      console.warn(array);
  };

带定位的 Plunker:http://plnkr.co/edit/tNmVIj4YY76OrOiNiWf0?p=preview

旧 plunker(无定位):http://plnkr.co/edit/5fD4UJA4y2sdZig2Rxtq?p=preview