How to use the ngx-bootstrap/typeahead.TypeaheadModule.forRoot function in ngx-bootstrap

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,
        // Material Modules
        MatAutocompleteModule,
        MatButtonModule,
        MatButtonToggleModule,
        MatCardModule,
        MatCheckboxModule,
        MatChipsModule,
        MatTableModule,
        MatDatepickerModule,
        MatDialogModule,
        MatExpansionModule,
        MatFormFieldModule,
        MatGridListModule,
        MatIconModule,
        MatInputModule,

NgReduxModule,
        BsDropdownModule.forRoot(),
        ToastrModule.forRoot({
            timeOut: 3000,
            preventDuplicates: true,
            easing: 'ease-in-out',
            enableHtml: true,
            progressBar: true,
            extendedTimeOut: 3000,
            easeTime: 450
        }),
        AccordionModule.forRoot(),
        TopologyRendererModule.forRoot(),
        HotkeyModule.forRoot({ cheatSheetHotkey: 'mod+space' }),
        WineryModalModule,
        TypeaheadModule.forRoot(),
        PopoverModule.forRoot(),
        PropertiesModule,
        WineryFeatureToggleModule
    ],
    providers: [
        // { provide: ToastOptions, useClass: WineryCustomOption },
        JsPlumbService,
        WineryActions,
        TopologyRendererActions,
        LoadedService,
        AppReadyEventService,
        BackendService,
        ExistsService,
        EntitiesModalService,
        ImportTopologyService,
        ReqCapService,

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        TypeaheadModule.forRoot(),
        ModalModule.forRoot(),
        AccordionModule.forRoot(),
        ReactiveFormsModule,
        FormsModule,
        HttpModule,
        PopoverModule,
        HttpModule,
        HttpClientModule,
      ],
      declarations: [
        SuggestionComponent,
        // ResourceComponent,
        ResourceFormComponent,
        ResourcePairFormComponent,
        ResourceCardComponent,
        MetadataComponent,

beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent,
        TypeaheadComponent,
        StarRaterComponent
      ],
      imports: [
        ReactiveFormsModule,
        FormsModule,
        TypeaheadModule.forRoot()
      ]
    }).compileComponents();
  }));

TranslateModule,
    AccordionModule.forRoot(),
    AlertModule.forRoot(),
    ButtonsModule.forRoot(),
    CollapseModule.forRoot(),
    DatepickerModule.forRoot(),
    BsDropdownModule.forRoot(),
    ModalModule.forRoot(),
    Ng2FilterPipeModule,
    PaginationModule.forRoot(),
    ProgressbarModule.forRoot(),
    RatingModule.forRoot(),
    TabsModule.forRoot(),
    TimepickerModule.forRoot(),
    TooltipModule.forRoot(),
    TypeaheadModule.forRoot(),
    ToasterModule,
    LocalStorageModule.withConfig({
      prefix     : 'FND',
      storageType: 'localStorage'
    })
  ],
  providers   : [
    ColorsService
  ],
  declarations: [
    AddRequestDirective,
    CheckallDirective,
    EasypiechartDirective,
    FlotDirective,
    FundButtonDirective,
    JqcloudDirective,

{ path: 'licenses', loadChildren: () => import('./pages/licenses/licenses.module').then(m => m.LicensesPageModule) },
    { path: 'changelog', loadChildren: () => import('./pages/changelog/changelog.module').then(m => m.ChangeLogPageModule) },
    { path: '', redirectTo: '/landing', pathMatch: 'full' },
    { path: '**', redirectTo: '/landing' }
];

@NgModule({
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        DocumentationComponentsModule,
        WrappersModule,
        UpgradeModule,
        BsDropdownModule.forRoot(),
        ButtonsModule.forRoot(),
        TypeaheadModule.forRoot(),
        NgxMaskModule.forRoot(),
        ModalModule.forRoot(),
        RouterModule.forRoot(appRoutes, { useHash: true, initialNavigation: false })
    ],
    providers: [
        PersistentDataService,
        { provide: DOCUMENTATION_TOKEN, useValue: DocumentationType.Keppel },
        {
            provide: '$rootScope',
            useFactory: (injector: Injector) => injector.get('$rootScope'),
            deps: ['$injector']
        },
        {
            provide: '$state',
            useFactory: (injector: Injector) => injector.get('$state'),
            deps: ['$injector']

beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [ FormsModule, TypeaheadModule.forRoot(), UiModule, LocationCardsModule ],
      providers: [ PlatformService ]
    })
    .compileComponents();
  }));

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { NgxBindIOModule } from 'ngx-bind-io';
import { TypeaheadModule } from 'ngx-bootstrap/typeahead';
import { PromptFormModalModule } from '../../../components/prompt-form-modal/prompt-form-modal.module';
import { ContentTypeInputModule } from '../../content-types/content-type-input/content-type-input.module';
import { ContentTypeSelectModule } from '../../content-types/content-type-select/content-type-select.module';
import { PermissionModalComponent } from './permission-modal.component';

@NgModule({
  imports: [
    CommonModule,
    PromptFormModalModule,
    ContentTypeInputModule,
    ContentTypeSelectModule,
    TypeaheadModule.forRoot(),
    NgxBindIOModule
  ],
  declarations: [PermissionModalComponent],
  entryComponents: [PermissionModalComponent],
  exports: [PermissionModalComponent, PromptFormModalModule, ContentTypeInputModule, ContentTypeSelectModule]
})
export class PermissionModalModule {}

import { TypeaheadModule } from 'ngx-bootstrap/typeahead';

import { SharedModule } from '../../shared/shared.module';
import { NfsDetailsComponent } from './nfs-details/nfs-details.component';
import { NfsFormClientComponent } from './nfs-form-client/nfs-form-client.component';
import { NfsFormComponent } from './nfs-form/nfs-form.component';
import { NfsListComponent } from './nfs-list/nfs-list.component';

@NgModule({
  imports: [
    ReactiveFormsModule,
    RouterModule,
    SharedModule,
    TabsModule.forRoot(),
    CommonModule,
    TypeaheadModule.forRoot()
  ],
  declarations: [NfsListComponent, NfsDetailsComponent, NfsFormComponent, NfsFormClientComponent]
})
export class NfsModule {}

describe('NfsFormComponent', () => {
  let component: NfsFormComponent;
  let fixture: ComponentFixture;
  let httpTesting: HttpTestingController;
  let activatedRoute: ActivatedRouteStub;

  configureTestBed(
    {
      declarations: [NfsFormComponent, NfsFormClientComponent],
      imports: [
        HttpClientTestingModule,
        ReactiveFormsModule,
        RouterTestingModule,
        SharedModule,
        ToastModule.forRoot(),
        TypeaheadModule.forRoot()
      ],
      providers: [
        {
          provide: ActivatedRoute,
          useValue: new ActivatedRouteStub({ cluster_id: undefined, export_id: undefined })
        },
        i18nProviders
      ]
    },
    true
  );

  beforeEach(() => {
    const summaryService = TestBed.get(SummaryService);
    spyOn(summaryService, 'refresh').and.callFake(() => true);