【问题标题】:Angular Material cdkDragFreeDragPosition error角度材质 cdkDragFreeDragPosition 错误
【发布时间】:2019-12-13 13:02:09
【问题描述】:

当我将 [cdkDragFreeDragPosition] 添加到 div 时,我收到以下错误:

我尝试应用同样的例子:https://stackblitz.com/angular/bxalqlqlaly?file=src%2Fapp%2Fcdk-drag-drop-free-drag-position-example.ts

例子:

<div class="example-box" cdkDragBoundary=".example-boundary" cdkDrag [cdkDragFreeDragPosition]="dragPosition">
  <h2>Test</h2>
</div>

【问题讨论】:

    标签: angular typescript angular-material


    【解决方案1】:

    您需要在 NgModule 中导入 DragDropModule。之后,只有拖放才会起作用。请参阅此链接以获取更多信息。 https://material.angular.io/cdk/drag-drop/overview

    【讨论】:

    • 我正在将 DragDropModule 导入到我的 NgModule 中,并且拖放功能有效,但是当我添加 [cdkDragFreeDragPosition] 以确定位置时发生错误。
    • @GabrielDambroski 如果删除 [cdkDragFreeDragPosition] 那么它工作正常吗?你是否在 ts 文件中添加了 dragPosition 变量?
    • 当我删除 [cdkDragFreeDragPosition] 时它正常工作,我的 .ts 文件存在变量 dragPosition = {x: 50, y: 50};
    • 嗨@GabrielDambroski 你解决了这个问题吗?!
    猜你喜欢
    • 1970-01-01
    • 2022-10-05
    • 2019-06-14
    • 1970-01-01
    • 1970-01-01
    • 2019-04-05
    • 1970-01-01
    • 2021-04-05
    • 2019-06-02
    相关资源
    最近更新 更多