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

问题描述

我正在使用角材料拖放 cdk（参考：https://material.angular.io/cdk/drag-drop/overview）。

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

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 { }

和 component.html

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

有人能告诉我哪里出错了吗？提前致谢...

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

解决方法

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

最好使 CDK 主要版本与 Angular 版本保持一致。