JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-drag-and-drop-lists/2.1.0/angular-drag-and-drop-lists.js"></script>
<div ng-app="dndBug" ng-controller="ListController">
  <ul dnd-list="list">
    <li ng-repeat="item in list"
        dnd-draggable="item"
        dnd-moved="list.splice($index, 1)"
        dnd-effect-allowed="move"
        id="$index"
        >
        {{item}}
    </li>
</ul>
</div>

JavaScript

angular.module("dndBug", ["dndLists"]).controller("ListController", function($scope) {
    $scope.list = ["AAA", "BBB", "CCC"];
});