当搜索过滤器应用于 angularjs 中的 ng-repeat 列表时,dragular 服务不起作用

问题描述

               if (drakeObj) {                        
                    drakeObj.destroy();
                    setTimeout(function() {
                    drakeObj = dragularService('.container-vertical',{
                        scope: $scope,revertOnSpill: true,removeOnSpill: false,nameSpace: 'sponsorranks',containersModel: $scope.rankedSponsors,moves: function(el,container,handle) {
                            if(handle.classList.contains('drag-nd-img')){
                                return handle.className === 'drag-img drag-nd-img';
                            } else {
                                return false;
                            }
                        },invalid: function(el,handle){
                                if(handle.classList.contains('drag-nd-img')){
                                    return false;
                                } else {
                                    return true;
                                }
                            }
                        });
                    },500);
                }

                $scope.$on('dragulardrop',function(e,el,container) {         
                    $scope.updateuserRanks($scope.rankedusers);            
                });
<div class="search pull-right">
    <input type="text" value="search" class="search-Box" data-ng-model="searchuser" placeholder="Search" ng-model-options='{ debounce: 700 }' /><span class="fa fa-search search-icon"></span>
</div>
<div class="rank-users-list container-vertical">
    <div class="rank" ng-repeat="user in rankedusers | filter: searchuser">
        <div class="rank-num">
            <div class="inputBox">
                {{user.rank}}
            </div>
        </div>
    </div>
</div>
 

我正在尝试搜索 ng-repeat 列表值,搜索后我正在拖动列表,但更新后列表是相同的,但不会更改 dragularService 中用户的排名。您能否为此提出一些解决方案。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)