Angular CDK拖放的拖放区指令

时间:2018-11-21 15:20:03

标签: angular drag-and-drop angular2-directives angular-cdk

我在Angular 2+中相对较新,我想在另一个div中拖动一个div。我正在使用Drag & Drop CDK并编写了以下代码;

<div cdkDrop>    
    <div cdkDrag class="wrapper">
         <header cdkDragHandle class="widget__header">{{ title }}</header>
         <section class="widget__content">{{ content }}</section>
     </div>
</div>

我在此article中读到,由于具有拖放区,您只需要在div中添加cdkDrop指令即可,尽管拖动正常,但它对我不起作用。有人可以告诉我如何定义放置区域吗?

1 个答案:

答案 0 :(得分:1)

我也发现了cdkDrop的同样问题,在Google之后,我发现它重命名为cdkDropList正弦v7.0.0-rc.2 (2018-10-15),因此您可以改用它。