AngularJS：将过滤器应用于droppable <div>

Question

我有一个搜索字段，我想绑定到 droppable div 。

我已设法将搜索字段过滤器绑定到 draggable 元素列表，但我不知道如何将其绑定到 div 所在的 > draggable 元素将被删除。

<div id="divContainer" class="middle-north">
    <div id="divSearch">
        <label style="height: 100%">Search:</label>
        <input style="height: 100%" type="text" ng-model="query" 
              placeholder="Search" autofocus>
    </div>
    <div id="divMap" class="middle-center"
        ng-controller="ContainerCtrl">
        <div id="divGroups" class="inner-center">
            <div id="divGroupsContainer"
                droppable drop="handleDrop"></div>
        </div>
        <div id="divElements" class="inner-south">
            <div id="{{element.id}}" ng-repeat="element in elements | filter:query"
                my-element="element" draggable class="btn btn-primary"></div>
        </div>
    </div>
</div>

有可能完成吗？

修改

Here是小提琴，但我无法设法使用我的指令。

基本上，我想在从 Elements 拖动元素后搜索 Groups 。