我正在使用角材料拖放 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
答案 0 :(得分:1)
错误消息是正确的 - 7.3.7
中没有 cdkDragFreeDragPosition。
似乎它最初是在 8.2.3
中记录的 - 实际上并没有检查 git repo,但它们通常与他们的文档非常一致。所以你需要更新到 8.2.3。
最好使 CDK 主要版本与 Angular 版本保持一致。