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 版本保持一致。