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

Question

我在angular7 出来的时候切换到延迟加载功能，之前cdk 拖放可以用，现在坏了。

我在我的代码中使用了一些共享模块来集中模块，所以例如每当我需要模块 A,B,C 时，我只导入模块 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

已解决

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

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

angular cdk drag and drop not working in lazy-loading

lazy-loading

typescript

angular-dragdrop

angular

angular-cdk