如何在Angular Material 7拖放中使用占位符？

Question

我正在使用Angular Material 7的Drag and Drop library，并且试图弄清楚如何使用cdkDragPlaceholder。

  

CdkDragPlaceholder

     

将用作模板占位符的模板的元素    CdkDrag 拖动时。占位符显示在   拖动元素的位置。

     

选择器：ng-template [cdkDragPlaceholder]

我尝试了以下代码（see Stackblitz）：

 <div class="example-box" *ngFor="let movie of movies" cdkDrag>
    <div class="example-custom-placeholder" *cdkDragPlaceholder>asd</div>
    {{movie}}
  </div>

，但拖动时没有占位符。如果我将上述代码用cdkDropList指令包装在div中，则可以看到占位符。我该怎么做才能确保仅对附加了cdkDrag伪指令的元素使用占位符（不必使用cdkDragList）。

Answer 1

您正在寻找的功能似乎尚不可用。

我也对此进行了测试，尝试使用*cdkDragPlaceholder元素而不创建cdkDropList似乎没有用。 The docs没有区别，但是也没有提供占位符不在列表中的任何示例。

您可能会关注this GitHub问题，因为它似乎正在询问您要实现的功能。

祝你好运！