@ng-bootstrap/ng-bootstrap#NgbModule TypeScript Examples

The following examples show how to use @ng-bootstrap/ng-bootstrap#NgbModule. You can vote up the ones you like or vote down the ones you don't like, and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.

Example #1

Source File: products.module.ts From spurtcommerce with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild(routes),
    FormsModule,
    ReactiveFormsModule,
    SwiperModule,
    NgxPaginationModule,
    SharedModule,
    ComponentsModule,
    PipesModule,
    JwSocialButtonsModule,
    ShareButtonModule.withConfig({ prop: shareProp }),
    // ShareButtonModule.forRoot(),
    HttpClientModule,
    HttpClientJsonpModule,
    NgbModule
  ],
  declarations: [
    ProductsComponent,
    ProductComponent,
    ProductZoomComponent,
    ProductFilterComponent
  ],
  entryComponents: [ProductZoomComponent],
  providers: []
})
export class ProductsModule {}

Example #2

Source File: validator.module.ts From distributed-compliance-ledger with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    ValidatorListComponent,
  ],
  exports: [
    ValidatorListComponent,
  ],
  imports: [
    CommonModule,
    ValidatorRoutingModule,
    NgbModule,
    FormsModule,
    SharedModule
  ]
})
export class ValidatorModule {
}

Example #3

Source File: tx.module.ts From distributed-compliance-ledger with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    TxPreviewComponent
  ],
  imports: [
    CommonModule,
    TxRoutingModule,
    FormsModule,
    SharedModule,
    NgbModule
  ]
})
export class TxModule {
}

Example #4

Source File: pki.module.ts From distributed-compliance-ledger with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    AddCertificateComponent,
    ApprovedCertificateDetailsComponent,
    ApprovedCertificatesListComponent,
    ProposeCertificateComponent,
    ProposedCertificateDetailsComponent,
    ProposedCertificatesListComponent,
    CertificatesSearchComponent
  ],
  exports: [
    AddCertificateComponent,
    ApprovedCertificateDetailsComponent,
    ApprovedCertificatesListComponent,
    ProposeCertificateComponent,
    ProposedCertificateDetailsComponent,
    ProposedCertificatesListComponent
  ],
  imports: [
    CommonModule,
    PkiRoutingModule,
    NgbModule,
    FormsModule,
    SharedModule,
  ],
  entryComponents: [
    CertificatesSearchComponent
  ]
})
export class PkiModule {
}

Example #5

Source File: model-testing-results.module.ts From distributed-compliance-ledger with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    TestingResultAddComponent,
    TestingResultListComponent
  ],
  exports: [
    TestingResultAddComponent,
    TestingResultListComponent
  ],
  imports: [
    CommonModule,
    ModelTestingResultRoutingModule,
    NgbModule,
    FormsModule,
    SharedModule
  ]
})
export class ModelTestingResultModule {
}

Example #6

Source File: model-info.module.ts From distributed-compliance-ledger with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    ModelInfoListComponent,
    ModelInfoDetailsComponent,
    ModelInfoEditComponent,
    ModelInfoSearchComponent
  ],
  exports: [
    ModelInfoListComponent
  ],
  imports: [
    CommonModule,
    ModelInfoRoutingModule,
    NgbModule,
    FormsModule,
    SharedModule,
    ModelTestingResultModule
  ],
  entryComponents: [
    ModelInfoSearchComponent
  ]
})
export class ModelInfoModule {
}

Example #7

Source File: model-compliance.module.ts From distributed-compliance-ledger with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    CertifiedModelAddComponent,
    ComplianceInfoListComponent,
    RevokedModelAddComponent,
  ],
  exports: [
    CertifiedModelAddComponent,
    ComplianceInfoListComponent,
    RevokedModelAddComponent,
  ],
  imports: [
    CommonModule,
    ModelComplianceRoutingModule,
    NgbModule,
    FormsModule,
    SharedModule
  ]
})
export class ModelComplianceModule {
}

Example #8

Source File: app.module.ts From distributed-compliance-ledger with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    AppRoutingModule,
    DashboardModule,
    CoreModule,
    NgbModule
  ],
  providers: [
    { provide: HTTP_INTERCEPTORS, useClass: BaseUrlInterceptor, multi: true },
    { provide: 'BASE_API_URL', useValue: environment.apiUrl },
    { provide: 'CHAIN_ID', useValue: environment.chainId },
    { provide: NgbDateAdapter, useClass: NgbDateNativeAdapter }
  ],
  bootstrap: [
    AppComponent
  ]
})
export class AppModule {
}

Example #9

Source File: shared.module.ts From dev-manager-desktop with Apache License 2.0

6 votes

@NgModule({
  declarations: [
    PageNotFoundComponent,
    WebviewDirective,
    AresPullUriPipe,
    MessageDialogComponent,
    ProgressDialogComponent,
    MessageTraceComponent,
  ],
  imports: [CommonModule, TranslateModule, FormsModule, NgbModule],
  exports: [TranslateModule, WebviewDirective, FormsModule, AresPullUriPipe]
})
export class SharedModule { }

Example #10

Source File: index.ts From spurtcommerce with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
    imports: [
        RouterModule,
        FormsModule,
        ReactiveFormsModule,
        CommonModule,
        PipesModule,
        PerfectScrollbarModule,
        SharedModule,
        EffectsModule.forFeature([ProductControlEffect, CommonEffect]),
        AgmCoreModule,
        NgbModule
    ],
    declarations: [COMPONENTS],

    exports: [COMPONENTS,
        PipesModule],
    entryComponents: [
        ProductDialogComponent
    ],
    providers: [
        {provide: PERFECT_SCROLLBAR_CONFIG, useValue: DEFAULT_PERFECT_SCROLLBAR_CONFIG},
        ProductControlService, ProductControlSandbox, CommonSandbox, CommonService
    ]
})
export class ComponentsModule {
}

Example #11

Source File: app.module.ts From 1hop with MIT License

6 votes

@NgModule({
    declarations: [
        AppComponent,
        MigrationComponent,
        BaseComponent,
        NoContentComponent,
        ImportComponent,
        ManageComponent,
        MigrateComponent
    ],
    imports: [
        BrowserAnimationsModule,
        AppRoutingModule,
        NgbAlertModule,
        NgbDropdownModule,
        FontAwesomeModule,
        NgbDropdownModule,
        FormsModule,
        NgbModule,
        HttpClientModule,
        LoadingSpinnerModule,
        ModalModule.forRoot(),
        NgbToastModule,
        ServiceWorkerModule.register('ngsw-worker.js', {
            enabled: navigator.userAgent.toLowerCase().indexOf('android') === -1 &&
                'serviceWorker' in navigator && environment.production
        }),
        FontAwesomeModule
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

Example #12

Source File: account.module.ts From spurtcommerce with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
    imports: [
        CommonModule,
        RouterModule.forChild(routes),
        ReactiveFormsModule,
        SharedModule,
        ComponentsModule,
        EffectsModule.forFeature([AccountEffect, CommonEffect]),
        NumberAcceptModule,
        NgbModule,
        FormsModule
    ],
    declarations: [
        AccountComponent,
        DashboardComponent,
        InformationComponent,
        OrdersComponent,
        OrderDetailComponent
    ],
    providers: [CommonSandbox,
        AccountSandbox,
        CommonService,
        AccountService]

})
export class AccountModule {
}

Example #13

Source File: changepassword.module.ts From spurtcommerce with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
  imports: [
    CommonModule,
    NgbModule,
    EffectsModule.forFeature([ChangepasswordEffect]),
    ChangePasswordRouting,
    ReactiveFormsModule,
    FormsModule
  ],
  declarations: [ChangePasswordComponent],
  providers: [ChangepasswordSandbox, ChangePasswordService]
})
export class ChangePasswordModule {}

Example #14

Source File: product.module.ts From spurtcommerce with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
  declarations: [
    ProductAddComponent,
    ProductListComponent,
    ProductFilterComponent
  ],
  imports: [
    CommonModule,
    DefaultCommonModule,
    FormsModule,
    ComponentsModule,
    ReactiveFormsModule,
    ProductRoutingModule,
    MaterialModule,
    EffectsModule.forRoot([MediaEffects]),
    CKEditorModule,
    NumberAcceptModule,
    NgbModule,
    PipeModule
  ],
  providers: [
    DatePipe,
    ProductService,
    ProductSandbox,
    CategoriesSandbox,
    CategoriesService,
    BrandApiClient,
    BrandSandbox,
    MediaSandbox,
    MediaService
  ],
  bootstrap: [],
  entryComponents: []
})
export class ProductModule {}

Example #15

Source File: authentication.module.ts From spurtcommerce with BSD 3-Clause "New" or "Revised" License

6 votes

@NgModule({
  imports: [
    CommonModule,
    AuthRoutingModule,
    NgbModule,
    ReactiveFormsModule,
    FormsModule,
    ToastrModule.forRoot(),
    EffectsModule.forRoot([AuthEffects])
  ],
  declarations: [LoginComponent, ForgotPasswordComponent],
  providers: [AuthService, AuthSandbox]
})
export class AuthenticationModule {}

Example #16

Source File: app.module.ts From edit-in-place with MIT License

6 votes

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, AppRoutingModule, EditableModule, ReactiveFormsModule, NgbModule],
  providers: [
    {
      provide: EDITABLE_CONFIG,
      useValue: {
        openBindingEvent: 'click',
        closeBindingEvent: 'click',
      } as EditableConfig,
    },
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

Example #17

Source File: app.module.ts From img-labeler with MIT License

6 votes

@NgModule({
  declarations: [
    AppComponent,
    DrawingCanvasComponent,
    GitComponent,
    GitManageComponent,
    ToolbarComponent,
    ToolbarColorSelectorComponent,
    ImageSelectorComponent,
    LayersComponent,
    RevertFromHistoryComponent,
    TogglePixelationComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    Ng2PanZoomModule,
    NgbModule,
    NgxUiLoaderModule,
    HttpClientModule,
    ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Example #18

Source File: app.module.ts From 1x.ag with MIT License

6 votes

@NgModule({
    declarations: [
        AppComponent,
        BaseComponent,
        NoContentComponent,
        HowItWorksComponent
    ],
    imports: [
        BrowserAnimationsModule,
        AppRoutingModule,
        FormsModule,
        NgbModule,
        HttpClientModule,
        LoadingSpinnerModule,
        ModalModule.forRoot(),
        DeviceDetectorModule.forRoot(),
        NgbToastModule,
        ServiceWorkerModule.register('ngsw-worker.js', {
            enabled: navigator.userAgent.toLowerCase().indexOf('android') === -1 &&
                'serviceWorker' in navigator && environment.production
        }),
        FontAwesomeModule,
        AngularPageVisibilityModule
    ],
    providers: [
        {provide: LocationStrategy, useClass: HashLocationStrategy}
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

Example #19

Source File: default.common.module.ts From spurtcommerce with BSD 3-Clause "New" or "Revised" License

5 votes

@NgModule({
  imports: [NgbModule, SelectDropDownModule, NgxChartsModule],
  exports: [NgbModule, SelectDropDownModule, NgxChartsModule],
  providers: []
})
export class DefaultCommonModule {}

Example #20

Source File: shared.module.ts From StraxUI with MIT License

5 votes

@NgModule({
  imports: [CommonModule],
  declarations: [
    CoinNotationPipe,
    NumberToStringPipe,
    SecondsToStringPipe,
    AutoFocusDirective,
    PasswordValidationDirective,
    GenericModalComponent,
    LoadingModalComponent,
    ConfirmationModalComponent,
    SideBarComponent,
    TaskBarComponent,
    TaskBarItemHostDirective,
    WalletInitializingComponent,
    WalletInitializingFailedComponent
  ],
  providers: [
    ApiService,
    WalletService,
    SignalRService,
    StakingService,
    TaskBarService,
    LoggerService,
    ElectronService
  ],
  exports: [
    CommonModule,
    ReactiveFormsModule,
    FormsModule,
    NgbModule,
    NgxQRCodeModule,
    NgxPaginationModule,
    ClipboardModule,
    GenericModalComponent,
    CoinNotationPipe,
    NumberToStringPipe,
    SecondsToStringPipe,
    AutoFocusDirective,
    PasswordValidationDirective,
    LoadingModalComponent,
    ConfirmationModalComponent,
    SideBarComponent,
    TaskBarComponent,
    TaskBarItemHostDirective,
    WalletInitializingComponent,
    WalletInitializingFailedComponent
  ]
})

export class SharedModule {
}

Example #21

Source File: app.module.ts From dev-manager-desktop with Apache License 2.0

5 votes

@NgModule({
  declarations: [
    AppComponent,
    HomeComponent,
    AddDeviceComponent,
    AppsComponent,
    FilesComponent,
    TerminalComponent,
    InfoComponent,
    KeyserverHintComponent,
    ExternalLinkDirective,
    ConnHintComponent,
    CrashesComponent,
    InstalledComponent,
    ChannelComponent,
    RenewScriptComponent,
    UpdateDetailsComponent,
    AttrsPermissionsPipe,
    TabComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpClientModule,
    CoreModule,
    SharedModule,
    AppRoutingModule,
    ReactiveFormsModule,
    NgbModule,
    NgLetModule,
    NgxDatatableModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    }),
    AngularResizedEventModule,
    NgxFilesizeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
}

Example #22

Source File: admin.module.ts From spurtcommerce with BSD 3-Clause "New" or "Revised" License

5 votes

@NgModule({
  declarations: [
    AdminComponent,
    PagerComponent,
    EditprofileComponent,
    ImagemanagerpopupComponent,
    CONTAINERS.AuthLayoutComponent,
    CONTAINERS.CommonLayoutComponent
  ],
  imports: [
    BrowserModule.withServerTransition({ appId: 'spurtcommerce' }),
    DefaultRoutingModule,
    PerfectScrollbarModule,
    BrowserAnimationsModule,
    FormsModule,
    ContainersModule,
    ComponentsModule,
    DefaultCommonModule,
    MaterialModule,
    CommonModule,
    ReactiveFormsModule,
    HttpClientModule,
    ToastrModule.forRoot(),
    ServiceWorkerModule.register('ngsw-worker.js', {
      enabled: environment.production
    }),
    StoreModule.forRoot(reducers, { metaReducers }),
    EffectsModule.forRoot([
      EditprofileEffect,
      OrderstatusEffects,
      StockEffects
    ]),
    CKEditorModule,
    NgbModule,
    NumberAcceptModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      }
    })
  ],
  providers: [
    {
      provide: PERFECT_SCROLLBAR_CONFIG,
      useValue: DEFAULT_PERFECT_SCROLLBAR_CONFIG
    },
    {
      provide: LocationStrategy,
      useClass: HashLocationStrategy
    },
    ConfigService,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: RequestInterceptor,
      multi: true
    },
    HTTPStatus,
    AppApiClient,
    AuthGuard,
    AuthService,
    AuthSandbox,
    StockService,
    StockSandbox,
    EditprofileSandbox,
    EditprofileService,
    OrderstatusSandbox,
    OrderstatusApiClientService
  ],

  bootstrap: [AdminComponent],
  entryComponents: [ImagemanagerpopupComponent]
})
export class AdminModule {}

Example #23

Source File: app-common.module.ts From dayz-server-manager with MIT License

5 votes

thirdParty = [IconsModule, NgbModule]

Example #24

Source File: app.module.ts From App with MIT License

5 votes

@NgModule({
	declarations: [
		AppComponent,
		NavigationComponent,
		EditorDialogComponent,
		UpdateDialogComponent,
		ChangelogDialogComponent,
		NotifyButtonComponent
	],
	imports: [
		BrowserModule.withServerTransition({ appId: 'serverApp' }),
		AppRoutingModule,
		BrowserAnimationsModule,
		HttpClientModule,
		MaterialModule,
		UtilModule,
		NgbModule,
		MatSnackBarModule,
		NotificationModule,
		MarkdownModule.forRoot(),
		ServiceWorkerModule.register('ngsw-worker.js', {
			enabled: environment.serviceWorker,
			// Register the ServiceWorker as soon as the app is stable
			// or after 30 seconds (whichever comes first).
			registrationStrategy: 'registerImmediately',
		})
	],
	providers: [
		CallbackGuard,
		CookieService
	],
	bootstrap: [AppComponent]
})
export class AppModule {
	constructor(
		injector: Injector
	) {
		setAppInjector(injector);
	}
}