У меня есть свежая система Angular 8. Там есть один Модуль с одним Компонентом :
ng new my-app --enable-ivy
npm install --save @angular/material @angular/cdk @angular/animations
npm install --save hammerjs
В Модуле IДобавляю:
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.
В чем проблема?