Angular 材质 cdk 拖放：无法绑定到 'cdkDragFreeDragPosition'

Question

我用的是angular材质拖放cdk（参考： https://material.angular.io/cdk/drag-drop/overview ）。

拖放工作正常，但是当我尝试使用 [cdkDragFreeDragPosition] 预设其 xy 坐标时，它显示错误：

compiler.js:1021 Uncaught Error: Template parse errors:
Can't bind to 'cdkDragFreeDragPosition' since it isn't a known property of 'div'. ("FreeDragPosition]="dragPosition" -->
<!-- [cdkDragFreeDragPosition]="{x:10, y:10}" -->

这是我的模块：

import { DragDropModule } from '@angular/cdk/drag-drop';
...
@NgModule({
    imports: [
    ...
    DragDropModule
...

export class AppModule { }

和组件。html

<div cdkDrag [cdkDragFreeDragPosition]="{x:10, y:10}">
   content goes here...
</div>

有人可以建议我在哪里犯错了吗？ 提前致谢...

更新：我的 Angular 版本是 6，@angular cdk 是 7.3.7

Answer 1

错误消息是正确的 - 7.3.7中没有 cdkDragFreeDragPosition 。 似乎它首次记录在8.2.3中 - 实际上并没有在 git 存储库中检查，但它们通常与他们的文档非常一致。 所以你需要更新到 8.2.3。

最好，您还希望将 CDK 主要版本与您的 Angular 版本保持一致。