Question

当我在angular 7上发布时，我切换到了延迟加载功能，在此之前，cdk拖放曾经可以正常工作，现在已经坏了。

我在代码中使用了一些共享模块来对模块进行集中管理，因此，例如，每当需要模块A，B，C时，我仅导入模块D，而模块D本身也将导入上述模块。

我尝试了导入@ angular / cdk / drag-drop中的DragDropModule 在这些共享模块之一中，它不起作用。

我还仔细检查了这些模块是否已导入所有地方。

请注意，我确保共享模块也已导出。

共享模块

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

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


@NgModule({
  declarations: [],
  imports: [DragDropModule, CommonModule],
  exports : [DragDropModule]
})
export class DragDropSharedModule {}

在其他共享模块内部

import {DragDropSharedModule} from './core-shared/drag-drop.module'

@NgModule({
  declarations: [
    NavbarComponent,
    AppComponent,
    // TimeAgoPipe,
    RmSetTextComponent,
    // ToggleComponent,
    KeysPipe,
    TimeAgoPipe
    // LoadingComponent
    ////////////// AclControlComponent,
    ///////////// AclGroupListComponent,
    ////////////////////// AclPermissionComponent,
    ///////////// SelectedItemsPipe

  ],
  imports: [
    // BrowserModule,
    ReactiveFormsModule,
    FormsModule,
    Ng2FileInputModule.forRoot(),
    Ng2ImgFallbackModule,
    CommonModule,
    HttpClientModule,
    // DragDropModule,
    ScrollingModule,
    NotFountPageModule,
    RmTableModule,
    ToggleModule,
    DragDropSharedModule
  ]

Answer 1

这就是我的工作方式

<ng-container *ngFor="let item of [1,2,3,4,5]">
<cargo cdkDrag (cdkDragEnded)="dragEnded($event)">hello</cargo>
</ng-container>

Answer 2

已解决

我没有在共享模块之一中导入拖放模块

角度cdk拖放在延迟加载中不起作用

2 个答案: