Получить позиции div после перетаскивания в контейнере с помощью dragula

Question

Я новичок в AngularJS. Я пытаюсь получить изменения в положении после перетаскивания соответствующих элементов в контейнере. Я попробовал несколько фрагментов кода, приведенных на их сайте, но не смог найти решение.

Ниже приведены мои фрагменты кода:

Используемый шаблон:

<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);
});

Может ли кто-нибудь, пожалуйста, направить меня, если я на правильном пути или я иду куда-то не так