为什么Angular拖放CDK不起作用？

Question

我正在开发Angular（v7.3.8）应用程序，我需要在我的应用程序的特定页面（名为“ test.page”）内实现拖放式水平列表。 因此，按照此文档，我使用了Angular v7 cdk的新功能：

https://material.angular.io/cdk/drag-drop/examples

在我的app.module.ts中，我有

 =LEFT(A2,SMALL(FIND(CHAR(ROW(INDIRECT("65:90"))),A2&"ABCDEFGHIJKLMNOPQRSTUVWXYZ"&"АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ"&"1234567890" ),2)-1)

在我的test.page.html中，我拥有：

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

@NgModule({
    ....
    imports: [..., DragDropModule ],
    ... })

在我的test.page.ts中，我有：

<div cdkDropList cdkDropListOrientation="horizontal" class="example-list" (cdkDropListDropped)="drop($event)">
   <div class="example-box" *ngFor="let answer of answers" cdkDrag>{{answer}}</div>
</div>

不幸的是，这段代码对我不起作用（列表中的项目不会通过拖放移动），我也不理解为什么。 谁能帮我吗？