无法在库中使用 cdkDropConnectedTo 属性

Question

下面是我在 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]
})

Answer 1

您可能在模板中输入错误。没有 cdkDropConnectedTo 指令属性，但是有 cdkDropListConnectedTo...

无法在库中使用 cdkDropConnectedTo 属性

unable to use cdkDropConnectedTo property in library

drag-and-drop

angular

angular-cdk