时间戳

首页 > 解决方案 > 更新组件的 HTML 后，Angular CDK 拖放将不起作用

angular - 更新组件的 HTML 后，Angular CDK 拖放将不起作用

问题描述

我有一个新的 Angular 8 系统。有一个Module和一个Component：

ng new my-app --enable-ivy
npm install --save @angular/material @angular/cdk @angular/animations
npm install --save hammerjs

在我要添加的模块中：

import { DragDropModule } from '@angular/cdk/drag-drop';

并且：

@NgModule({
  imports: [
    DragDropModule
  ]
})

在组件的HTML 中，我添加了以下内容：

<div cdkDrag>
  Drag me around!
</div>

现在我使用以下方式为网站提供服务：

ng serve --port 4300

瞧，我可以拖动项目。

但是，当我更新任何组件的HTML 并且页面刷新时，我不能再拖动元素了。例如，反映文本更改。但是拖动功能消失了。

当我在 CLI 上重新启动服务器时，它再次工作，直到我更新标记。

这不会在我更改组件的TypeScript 文件时发生，只有在 HTML 被更改时才会发生。

问题是什么？

标签： angulartypescriptangular-materialangular-cdkangular8

解决方案

这是 Angular 8.0 的一个问题。更新到 Angular 8.2 和相应的 Angular Material CDK 包解决了这个问题。

推荐阅读