sortablejs 实践

本文介绍了在Angular项目中如何使用SortableJS实现拖拽功能。在安装依赖包时遇到依赖冲突,通过执行npm install --force命令忽略冲突,并引入SortablejsModule模块。最后,通过编写简单示例并解决启动报错,成功实现了拖拽效果。
摘要由CSDN通过智能技术生成

在Angular项目中使用sortablejs实现拖拽。

安装依赖包及配置

第一步: npm install sortablejs --save

报错:
在这里插入图片描述

第二步: npm install ngx-sortablejs --save

报错:无法解决依赖树,即依赖冲突。
在这里插入图片描述

第三步:执行 npm install ngx-sortablejs --save --force
告诉npm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题。

第四步:引入SortablejsModule模块
在这里插入图片描述

第五步:写个简单的示例,看看能否正常跑起来。

<div class="container" [sortablejs]="items">
  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值