javascript - 当搜索过滤器应用于 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 中的用户等级。您能否为此提出一些解决方案。
解决方案
推荐阅读
- python - 无法使用 pathlib 创建文件对象
- woocommerce - WooCommerce 中一种特定运输方式的最低订购量
- android - 如何在jetpack compose中保存可扩展卡片组合状态和滚动位置
- django - 无法使用 url 模式重定向
- mysql - 在 gorm 中比较时间:time.Time 或字符串
- android - 带有复选框和自定义适配器的 ListView,片段无法正常工作
- excel - 向柱形图添加额外的数据标签
- r - 准二项分布 (QBD) 的分位数比较图
- java-8 - 将比较器传递到带有收集器的地图中
- php - EasyAdminBundle NumberField 是舍入纬度和经度小数