无法在库中使用 cdkDropConnectedTo 属性

下面是我将它添加到我的 html 中的代码，用于在我的项目文件夹中进行拖放功能。那就是我使用 cli 命令创建了库ng generate library some-lib

    <div cdkDropList cdkDrop  [cdkDropConnectedTo]="otherProgramItems" [cdkDropData]="progItem.items" (cdkDropListDropped)="droppedMenu($event)">
        <div class="progressLabel">{{progItem.name}}</div>
        <input class="taskName" [(ngModel)]="name" type="text" (keyup.enter)="creatingTask(progItem.name)"/>
        <div class="tasks" cdkDrag *ngFor="let tasks of progItem.items; let i = index">
            <span class="task-pointer" (click)="editMode=true;currentOpenIndex=i" *ngIf="!editMode || (editMode && currentOpenIndex !== i)">{{tasks.name}}</span>
            <input *ngIf="editMode && currentOpenIndex===i" (blur)="editMode=false;currentOpenIndex=null;saveChange();" (keyup.enter)="editMode=false;currentOpenIndex=null;saveChange();" type="text" [(ngModel)]="tasks.name"/>
            <mat-icon class="delete" (click)="deleteFromArray(progItem.items,i)" >delete</mat-icon></div>
    </div>

上面的代码将错误提示为无法绑定到“cdkDropConnectedTo”，因为它不是“div”的已知属性。以及无法绑定到“cdkDropData”，因为它不是“div”的已知属性。

下面是我在 lib 文件夹中的 modile.ts 文件

import { NgModule } from '@angular/core';
import { TileComponent } from './tile/tile.component';
import {
  DragDropModule
} from '@angular/cdk/drag-drop';

@NgModule({
  declarations: [TileComponent],
  imports: [
    DragDropModule
  ],
  exports: [TileComponent]
})