angularjs - Dragulaを使用してコンテナにドラッグアンドドロップした後、divの位置を取得します

Question

私はangularJSの初心者です。コンテナー内のそれぞれの div のドラッグ アンド ドロップが完了した後、位置の変更を取得しようとしています。彼らのウェブサイトで提供されているいくつかのコード スニペットを試しましたが、解決策を見つけることができませんでした。

以下は、使用したコードスニペットです。

使用したテンプレート:

<div class='container' dragula='"first-bag"'>
    <div>You can move these elements between these two containers</div>
    <div>Moving them anywhere else isn't quite possible</div>
    <div>There's also the possibility of moving elements around in the same container, changing their position</div>
</div>

そして私のコントローラーで：

$scope.$on('first-bag.drag', function (e, el) {
    el.removeClass('ex-moved');
    console.log(e);
    console.log(el);        
});

$scope.$on('first-bag.drop', function (e, el) {
    el.addClass('ex-moved');
    console.log(e);
    console.log(el.id);  
});

$scope.$on('first-bag.over', function (e, el, container) {
    container.addClass('ex-over');
    console.log(e);
    console.log(el);       
});

$scope.$on('first-bag.out', function (e, el, container) {
    container.removeClass('ex-over');
    console.log(e);
    console.log(el);
});

私が正しい道を進んでいるか、どこかで間違っているかどうか、誰かが私を案内してくれませんか。