Angular CDK 拖放的放置区指令

Question

我是 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 中读到，要有一个放置区，您只需要将 cdkDrop 指令添加到您的 div 但它对我不起作用，尽管可以拖动。谁能告诉我如何定义拖放区？

Answer 1

我发现 cdkDrop 也有同样的问题，在 google 之后我发现它重命名为 cdkDropList sine v7.0.0-rc.2 (2018-10-15) 所以你可以改用它。