通过导入@angular/cdk/drag-drop模块我们可以轻松实现元素在页面中得拖放功能，如元素在页面中随意拖动、在特定区域内拖动亦或对列表进行拖放排序等等。
CDK. The Component Dev Kit (CDK) is a set of tools that implement common interaction patterns whilst being unopinionated about their presentation. It represents an abstraction of the core functionalities found in the Angular Material library, without any styling specific to Material Design.
WEB项目中有些场景会使用元素拖动效果，那么对于angular项目我们可以通过导入“@angular/cdk/drag-drop”模块轻松实现元素自由拖动效果。
首先我们会创建拖放对象，如同：
<div class="drag">拖动元素</div>
.drag{
position:absolute;
left:0;
bottom:0;
border:1px grey solid;
width:60px;
height:60px;
cursor: move;
z-index:1;
}
然后我们在相应模块中导入拖动模块即可。
import { DragDropModule } from '@angular/cdk/drag-drop'
在页面中，我们就可以直接使用其指令实现（cdDrag）。
<div class="drag" cdkDrag></div>
即可实现自由拖动效果。
angular cdk drag-drop
我们可以实现自由拖放、列表重新排序、列表间数据传输、特指拖放控制、及其拖放临界点控制等等。
拖动元素内指定拖动控制，如：
<div class="drag" cdkDrag> <span cdkDragHandle class="dragHandle"></span> </div>
通过父级 cdkDrag 与 控制子级控制元素 cdkDragHandle 对其作用。
设置拖动临界点，限制在指定区域进行自由拖动。
如果要阻止用户将cdkDrag元素拖动到另一个元素之外，可以将CSS选择器传递给该cdkDragBoundary属性。该属性通过接受选择器并查找DOM直到找到与其匹配的元素为止。如果找到匹配项，则将其用作不能拖动元素的边界。放在里面cdkDragBoundary时也可以使用。
Angular cdkDrag Y轴拖动
如在body中拖动，禁止拖放至不可见，或通过css选择器指定临界点
<div class="drag" cdkDrag> <span cdkDragHandle cdkDragBoundary="body" class="dragHandle"></span> </div>
亦或我们可以控制仅在X轴方向或Y轴方向拖动
<div class="drag" cdkDragLockAxis = "x" cdkDrag> <span cdkDragHandle cdkDragBoundary="body" class="dragHandle"></span> </div>
通过cdkDragLockAxis = "x" 或 cdkDragLockAxis = "y"控制。
更多大家可以参考官方介绍，临时使用予以笔记，仅供参考！
总结
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 玩家分享《黑神话：悟空》大怨种：想痛快玩游戏花了快400块
- 作者回应《黑神话》墙绘被毁：当地相关部门支持重绘
- 李泉.1995-上海梦【魔岩】【WAV+CUE】
- 何雨雯.1994-给你的歌【天王唱片】【WAV+CUE】
- 群星.1994-神摇第一章·极乐扬州路【D.I.Y】【WAV+CUE】
- 《车烧友 发烧情歌天碟3CD》[WAV/分轨][1.9GB]
- 《薛之谦 情歌不变招牌 霸气情歌2CD》[WAV/分轨][1.2GB]
- 《刘若英 滚石SACD精选》[ISO][1GB]
- 仙境传说新启航牧师怎么加点 牧师属性技能加点推荐
- 仙境传说新启航舞娘怎么加点 舞娘属性技能加点推荐
- 魔兽世界祖尔格拉布在哪 魔兽世界祖尔格拉布位置介绍
- 群星《名列前茅五大顶级发烧男声》2CD[DTS-WAV]
- 群星《经典再现·国语女声》2CD[DTS-WAV]
- 群星《十大民歌天后》2CD[DTS-WAV分轨]
- 《黑神话：悟空》浮屠牢是最糟糕的部分：但也是做得最好的