angular-drag-and-drop-lists не работает

Question

Мне нужны некоторые функции перетаскивания в моем новом приложении angularjs. В моем поиске я наткнулся на угловые списки перетаскивания, которые были именно то, что я искал. Я попытался повторить simpleDemo, но у меня не получилось. Ни один из пунктов в моих списках не является перетаскиваемым или даже выделенным. На самом деле кажется, что библиотеки даже нет, и директивы dnd вообще не имеют никакого эффекта.

Вы видите что-нибудь, что я сделал неправильно?

Это я мой HTML:

<div>
<ul class="list-group" dnd-list="tc.models.lists.a">
    <li class="list-group-item" ng-repeat="item in tc.models.lists.a"
        dnd-draggable="item" dnd-moved="tc.models.lists.a.splice($index, 1)"
        dnd-effect-allowed="move" dnd-selected="tc.models.selected = item"
        ng-class="{'active': tc.models.selected === item}">{{item.label}}</li>
</ul>
<ul class="list-group" dnd-list="tc.models.lists.b">
    <li class="list-group-item" ng-repeat="item in tc.models.lists.b"
        dnd-draggable="item" dnd-moved="tc.models.lists.b.splice($index, 1)"
        dnd-effect-allowed="move" dnd-selected="tc.models.selected = item"
        ng-class="{'active': tc.models.selected === item}">{{item.label}}</li>
</ul>
<pre>{{tc.models | json}}</pre>

и это код контроллера:

    angular.module("app").controller("TemplateController", function ($scope) {
    const vm = this;
    vm.alerts = [];

    vm.models = {
        selected : null,
        lists : {
            a : [],
            b : []
        }
    };

    // Generate initial model
    for (var i = 1; i <= 3; ++i) {
        vm.models.lists.a.push({
            label : "Item A" + i
        });
        vm.models.lists.b.push({
            label : "Item B" + i
        });
    }

});

спасибо за вашу помощь.