Introduction

This is how you have to import our services and modules into your @NgModules.

If you like to save some time, clone our dotcms-ng2-seed project.

Install in your project

$npm install dotcms-js --save

Add it to your Angular Modules

// Import all the services
import {
    AppConfig,
    FileSystemService,
    HttpClient,
    JWTAuthService,
    LocalStoreService,
    LoggerService,
    NotificationService,
    SettingsStorageService,
    SiteBrowserService,
    SiteBrowserState,
    SiteSelectorService,
    SiteTreetableService,
} from 'dotcms-js/dotcms-js';

// Import all modules
import {
    DotcmsBreadcrumbModule,
    DotcmsSiteDatatableModule,
    DotcmsSiteSelectorModule,
    DotcmsSiteTreeTableModule,
    DotcmsTreeableDetailModule,
} from 'dotcms-js/dotcms-js';

// Add it to the declarations in your @NgModule
@NgModule({
    imports: [
        DotcmsBreadcrumbModule,
        DotcmsSiteDatatableModule,
        DotcmsSiteSelectorModule,
        DotcmsSiteTreeTableModule,
        DotcmsTreeableDetailModule,
    ],
    providers: [
        {provide: AppConfig, useClass: AppConfig},
        {provide: FileSystemService, useClass: FileSystemService},
        {provide: HttpClient, useClass: HttpClient},
        {provide: JWTAuthService, useClass: JWTAuthService},
        {provide: LocalStoreService, useClass: LocalStoreService},
        {provide: LoggerService, useClass: LoggerService},
        {provide: NotificationService, useClass: NotificationService},
        {provide: SettingsStorageService, useClass: SettingsStorageService},
        {provide: SiteBrowserService, useClass: SiteBrowserService},
        {provide: SiteBrowserState, useClass: SiteBrowserState},
        {provide: SiteSelectorService, useClass: SiteSelectorService},
        {provide: SiteTreetableService, useClass: SiteTreetableService},
    ]
})