拖拽干扰滚动 Angular 7 CDK

我有一个Angular 7应用,里面有angular cdk拖放来重新排列一个列表。拖放工作正常,但它不能自动滚动div容器。有什么办法可以在不更新angularcdk版本的情况下让自动滚动工作,就像这个链接一样。https:/github.comangularcomponentsissues13588。

我当前的angularcdk版本。7.3.7.

StackBlitz.Comeditangular-dggptq-rhbitf https:/stackblitz.comeditangular-dggptq-rhbitf。

解决方案:

问题出在你的HTML上

<div class="container">
<div cdkDropList [cdkDropListData]="timePeriods" class="example-list" (cdkDropListDropped)="drop($event)">
  <div class="example-box" *ngFor="let timePeriod of timePeriods" cdkDrag>{{timePeriod}}</div>
</div>
</div>

<div cdkDropList [cdkDropListData]="timePeriods" class="example-list container" (cdkDropListDropped)="drop($event)">
  <div class="example-box" *ngFor="let timePeriod of timePeriods" cdkDrag>{{timePeriod}}</div>
</div>

工作中的Stackblitz:- https:/stackblitz.comeditangular-dggptq-fmjjjx。

原因:-为了让自动滚动工作,你的滚动应该在cdk下拉列表上,所以我删除了额外的div,并将你的容器类应用到cdkdrop list div上。

给TA打赏
共{{data.count}}人
人已打赏
未分类

Ingress serviceName更新后,如何应用变换器插件?

2022-11-13 21:16:21

未分类

使用msys2构建pjsip 2.10。

2022-11-13 21:16:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索