代码之家  ›  专栏  ›  技术社区  ›  John

如何使用角材质7的占位符进行拖放?

  •  0
  • John  · 技术社区  · 6 年前

    我用的是角材料7' Drag and Drop library cdkDragPlaceholder .

    CdkDragPlaceholder

    CdkDrag公司 当它被拖走的时候。占位符显示在 被拖动元素的位置。

    选择器:ng模板[cdkdragpocholder]

    我试过下面的代码( see Stackblitz ):

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

    但拖动时没有占位符。如果我用 cdkDropList cdkDrag -附加到它的指令(不必使用 cdkDragList ).

    0 回复  |  直到 6 年前
        1
  •  3
  •   Aundra Miller    6 年前

    看起来你正在寻找的功能可能还不可用。

    我也试过了,试着用 *cdkDragPlaceholder 不创建 cdkDropList The docs 不要做这种区分,但是它们也没有提供任何占位符在列表之外工作的示例。

    你可以留意一下 this GitHub ,因为它似乎要求您尝试实现的功能。