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

Question

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

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

在 Module 我正在添加：

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 时才会发生。

有什么问题？

Answer 1

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