How to use the ngx-bootstrap/accordion.AccordionModule.forRoot function in ngx-bootstrap

import {EasypiechartDirective} from "./directives/easypiechart/easypiechart.directive";
import {ColorsService} from "./colors/colors.service";
import {CheckallDirective} from "./directives/checkall/checkall.directive";
import {VectormapDirective} from "./directives/vectormap/vectormap.directive";
import {NowDirective} from "./directives/now/now.directive";
import {ScrollableDirective} from "./directives/scrollable/scrollable.directive";
import {JqcloudDirective} from "./directives/jqcloud/jqcloud.directive";

// https://angular.io/styleguide#!#04-10
@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        TranslateModule,
        AccordionModule.forRoot(),
        AlertModule.forRoot(),
        ButtonsModule.forRoot(),
        CarouselModule.forRoot(),
        CollapseModule.forRoot(),
        DatepickerModule.forRoot(),
        BsDropdownModule.forRoot(),
        ModalModule.forRoot(),
        PaginationModule.forRoot(),
        ProgressbarModule.forRoot(),
        RatingModule.forRoot(),
        TabsModule.forRoot(),
        TimepickerModule.forRoot(),
        TooltipModule.forRoot(),
        TypeaheadModule.forRoot(),
        ToasterModule
    ],

import { ListWorkflowsModule } from '../shared/modules/list-workflows.module';
import { SelectModule } from '../shared/modules/select.module';
import { WorkflowModule } from '../shared/modules/workflow.module';
import { getTooltipConfig } from './../shared/tooltip';
import { SearchWorkflowsComponent } from './search/search.component';
import { WorkflowsComponent } from './workflows.component';
import { workflowsRouting } from './workflows.routing';

@NgModule({
  declarations: [
    WorkflowsComponent,
    SearchWorkflowsComponent
  ],
  imports: [
    CommonModule,
    AccordionModule.forRoot(),
    AlertModule.forRoot(),
    HeaderModule,
    ListWorkflowsModule,
    NgxMdModule.forRoot(),
    SelectModule,
    TabsModule.forRoot(),
    TooltipModule.forRoot(),
    WorkflowModule,
    workflowsRouting
  ],
  providers: [
    {provide: TooltipConfig, useFactory: getTooltipConfig}
  ]
})
export class WorkflowsModule {
}

@NgModule({
  declarations: [
    MyWorkflowsComponent,
    RegisterWorkflowModalComponent,
    RefreshWorkflowOrganizationComponent,
    MyWorkflowComponent,
    SidebarAccordionComponent
],
  imports: [
    CommonModule,
    WorkflowModule,
    FormsModule,
    HeaderModule,
    myworkflowRouting,
    ModalModule.forRoot(),
    AccordionModule.forRoot(),
    TabsModule.forRoot(),
    TooltipModule.forRoot(),
    CustomMaterialModule,
    PipeModule
  ],
  entryComponents: [RegisterWorkflowModalComponent],
  providers: [
    {provide: TooltipConfig, useFactory: getTooltipConfig},
  ]
})
export class MyWorkflowsModule { }

import { DeploymentsDonutComponent } from './deployments-donut/deployments-donut.component';
import { DeploymentsLinechartComponent } from './deployments-linechart/deployments-linechart.component';
import { DeploymentsRoutingModule } from './deployments-routing.module';
import { DeploymentsToolbarComponent } from './deployments-toolbar/deployments-toolbar.component';
import { DeploymentsComponent } from './deployments.component';
import { DeploymentsResourceUsageComponent } from './resource-usage/deployments-resource-usage.component';
import { LoadingUtilizationBarComponent } from './resource-usage/loading-utilization-bar.component';
import { ResourceCardComponent } from './resource-usage/resource-card.component';
import { UtilizationBarComponent } from './resource-usage/utilization-bar.component';
import { DeploymentApiService } from './services/deployment-api.service';

@NgModule({
  imports: [
    BsDropdownModule.forRoot(),
    CollapseModule.forRoot(),
    AccordionModule.forRoot(),
    TooltipModule.forRoot(),
    CommonModule,
    DeploymentsRoutingModule,
    ModalModule.forRoot(),
    SparklineChartModule,
    ToolbarModule
  ],
  declarations: [
    DeleteDeploymentModal,
    DeploymentsComponent,
    DeploymentCardContainerComponent,
    DeploymentCardComponent,
    DeploymentGraphLabelComponent,
    DeploymentStatusIconComponent,
    DeploymentsAppsComponent,
    DeploymentDetailsComponent,

import { RouterModule } from '@angular/router';
import { AccordionModule } from 'ngx-bootstrap/accordion';

import { DocsModule } from '../../docs';
import { AccordionSectionComponent } from './accordion-section.component';
import { DEMO_COMPONENTS } from './demos';

import { routes } from './demo-accordion.routes';

@NgModule({
  declarations: [
    AccordionSectionComponent,
    ...DEMO_COMPONENTS
  ],
  imports: [
    AccordionModule.forRoot(),
    CommonModule,
    FormsModule,
    DocsModule,
    RouterModule.forChild(routes)
  ],
  exports: [AccordionSectionComponent],
  entryComponents: [...DEMO_COMPONENTS]
})
export class DemoAccordionModule {
  static routes: any = routes;
}

beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [TestAccordionComponent],
      imports: [AccordionModule.forRoot()]
    });
    TestBed.overrideComponent(TestAccordionComponent, {
      set: { template: html }
    });
    fixture = TestBed.createComponent(TestAccordionComponent);
    context = fixture.componentInstance;
    element = fixture.nativeElement;
    fixture.detectChanges();
  });

AddTagComponent,
    VersionModalComponent,
    InfoTabComponent,
    ToolFileEditorComponent
  ],
  imports: [
    ButtonsModule.forRoot(),
    CommonModule,
    ClipboardModule,
    CurrentCollectionsModule,
    HeaderModule,
    SelectModule,
    ListContainersModule,
    TooltipModule.forRoot(),
    TabsModule.forRoot(),
    AccordionModule.forRoot(),
    AlertModule.forRoot(),
    FormsModule,
    OrderByModule,
    PrivateIconModule,
    StarringModule,
    ModalModule,
    StargazersModule,
    EntryModule,
    RouterModule,
    AddEntryModule,
    FlexLayoutModule,
    MarkdownModule
  ],
  providers: [
    { provide: TooltipConfig, useFactory: getTooltipConfig },
    EmailService,

AppNavbarComponent,
    DdeCodeExplorerComponent,
    DdeMenuComponent,
    DdeToasterComponent,
    DdeDialogComponent,
    DdeReferencesComponent,
    DdeCodeSnippetComponent,
    DDEAppComponent,
    DdeDashboardComponent,
    DdeDashboardBarComponent
  ],
  imports: [
    BrowserModule,
    HttpModule,
    BsDropdownModule.forRoot(),
    AccordionModule.forRoot(),
    ModalModule.forRoot(),
    FormsModule,
    HttpClientModule,
    AngularSvgIconModule,
    TooltipModule.forRoot(),
    AppRoutingModule
  ],
  providers: [
    DdeApiService,
    EncryptService,
    CodeSnippetsRepoService,
    DdeActionService,
    AnalyticsService
  ],
  bootstrap: [AppComponent]
})

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        TypeaheadModule.forRoot(),
        ModalModule.forRoot(),
        AccordionModule.forRoot(),
        ReactiveFormsModule,
        FormsModule,
        HttpModule,
        PopoverModule,
        HttpClientModule,
      ],
      declarations: [
        BrowseComponent,
        ResourceCardComponent,
        ResourceFormComponent,
        ResourcePairFormComponent,
        MetadataComponent,
        AuthorsPipe,
        EditorsPipe,
        PublisherPipe,
        EmbracePipe,

];

const ROUTES = [
    {
        path: '**',
        component: DocumentationCategoryComponent,
        data: {
            category: ResolverService.resolveCategoryData(DocumentationPage.Components, 'Date & Time Pickers')
        }
    }
];

@NgModule({
    imports: [
        CommonModule,
        AccordionModule.forRoot(),
        PopoverModule.forRoot(),
        WrappersModule,
        TabsModule,
        DateTimePickerModule,
        FormsModule,
        CheckboxModule,
        DocumentationComponentsModule,
        RouterModule.forChild(ROUTES)
    ],
    exports: SECTIONS,
    declarations: SECTIONS,
    entryComponents: SECTIONS
})
export class ComponentsDateTimePickerModule {

    constructor(componentFactoryResolver: ComponentFactoryResolver, resolverService: ResolverService) {