如何解决角材质 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 版本保持一致。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。