How to use the @uirouter/angular.UIRouterModule.forChild function in @uirouter/angular

reloadOnSearch: false,
    data: {
      bodyClasses: 'router--work-packages-calendar',
      menuItem: menuItemClass,
      parent: 'work-packages'
    }
  }
];

@NgModule({
  imports: [
    // Commons
    OpenprojectCommonModule,

    // Routes for /work_packages/calendar
    UIRouterModule.forChild({ states: CALENDAR_ROUTES }),

    // Work Package module
    OpenprojectWorkPackagesModule,

    // Time entry module
    OpenprojectTimeEntriesModule,

    // Editable fields e.g. for modals
    OpenprojectFieldsModule,

    // Calendar component
    FullCalendarModule,
  ],
  declarations: [
    // Work package calendars
    WorkPackagesCalendarEntryComponent,

// Explicitly bootstrap the kitten component in the DOM if it is found
    // Angular would otherwise only bootstrap the global entry point bootstrap from the core
    // preventing us from using components like this kitten component
    hookService.register('openProjectAngularBootstrap', () => {
      return [
        { selector: 'kitten-component', cls: KittenComponent }
      ];
    });
  };
}

@NgModule({
  imports: [
    CommonModule,
    UIRouterModule.forChild({ states: KITTEN_ROUTES })
  ],
  providers: [
    // This initializer gets called when the Angular frontend is being loaded by the core
    // use it to hook up global listeners or bootstrap components
    { provide: APP_INITIALIZER, useFactory: initializeProtoPlugin, deps: [Injector], multi: true },
  ],
  declarations: [
    // Declare the component for angular to use
    KittenComponent,
    KittenPageComponent,
  ],
})
export class PluginModule {
}

import { DetailComponent } from "./detail.component";
import { routerChildConfigFn } from "../router.config";

console.log("`Detail` bundle loaded asynchronously");

@NgModule({
	declarations: [
		/**
		 * Components / Directives/ Pipes
		 */
		DetailComponent
	],
	imports: [
		CommonModule,
		FormsModule,
		UIRouterModule.forChild({
			states: DETAIL_STATES,
			config: routerChildConfigFn
		})
	]
})
export class DetailModule {
	public static routes: Ng2StateDeclaration[] = DETAIL_STATES;
}

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ContactComponent } from './contact.component';
import { ContactDetailComponent } from './contact-detail.component';
import { ContactListComponent } from './contact-list.component';
import { ContactsComponent } from './contacts.component';
import { EditContactComponent } from './edit-contact.component';
import { CONTACTS_STATES } from './contacts.states';
import { UIRouterModule } from '@uirouter/angular';
import { FormsModule } from '@angular/forms';
import { ContactsDataService } from './contacts-data.service';

@NgModule({
  imports: [
    UIRouterModule.forChild({ states: CONTACTS_STATES }),
    FormsModule,
    CommonModule
  ],
  declarations: [
    ContactComponent,
    ContactDetailComponent,
    ContactListComponent,
    ContactsComponent,
    EditContactComponent
  ],
  providers: [
    ContactsDataService
  ],
})
export class ContactsModule {
}

entryComponents: [
        UploadComponent
    ],
    imports: [
        CatalogApiModule,
        CommonModule,
        CovalentFileModule,
        FlexLayoutModule,
        KyloCommonModule,
        MatButtonModule,
        MatCardModule,
        MatDividerModule,
        MatListModule,
        MatProgressBarModule,
        TranslateModule,
        UIRouterModule.forChild({states: uploadStates})
    ]
})
export class UploadModule {
}

} from "./pages";
import { SharedModule } from "../shared/shared.module";
import { DEMO_STATES } from "./routes";
import {
	TableRegularComponent,
	TableWithCustomActionsComponent,
	TableWithCustomStylingComponent,
	TableWithFixedActionsComponent,
	TableWithFixedHeaderComponent,
	TableWithSelectionComponent,
	TableWithTranscludedActionBarComponent
} from "./components";

@NgModule({
	imports: [
		UIRouterModule.forChild({
			states: DEMO_STATES
		}),
		MatAutocompleteModule,
		MatDividerModule,
		MatFormFieldModule,
		MatInputModule,
		MatOptionModule,
		MatSlideToggleModule,
		SharedModule,
		StarkActionBarModule,
		StarkAppLogoutModule,
		StarkAppDataModule,
		StarkAppMenuModule,
		StarkBreadcrumbModule,
		StarkCollapsibleModule,
		StarkDatePickerModule,

'!$default': { component: TerminalComponent }
  },
  data: {
    requiresAuth: true,
    requiresAdmin: true
  }
};

@NgModule({
  imports: [
    CommonModule,
    NgbModule,
    AceEditorModule,
    SpinnerModule,
    TranslateModule.forChild(),
    UIRouterModule.forChild({
      states: [
        AbstractState,
        RestartServerState,
        ShutdownServerState,
        TerminalState
      ]
    })
  ],
  declarations: [
    RestartServerComponent,
    ShutdownServerComponent
  ]
})
export class LinuxToolsModule { }

import { NgModule } from '@angular/core';
import { UIRouterModule } from '@uirouter/angular';
import { CommonNg2Module } from '../common';

import { ADMIN_STATES } from './admin.state';
import { AdminComponent } from './admin.component';
import { ResetComponent } from './reset/reset.component';

import { AdminService } from '../common/services/admin.service';

@NgModule({
  imports: [
    UIRouterModule.forChild({ states: ADMIN_STATES }),
    CommonNg2Module
  ],
  declarations: [AdminComponent, ResetComponent],
  providers: [AdminService]
})
export class AdminModule { }

SchedulerComponent
    ],
    entryComponents: [
        SchedulerComponent
    ],
    imports: [
        CommonModule,
        KyloCommonModule,
        OpsManagerServicesModule,
        MatProgressBarModule,
        MatCardModule,
        MatButtonModule,
        MatListModule,
        MatDividerModule,
        FlexLayoutModule,
        UIRouterModule.forChild({states: schedulerStates}),
        TranslateModule.forChild()
    ],
    schemas: [CUSTOM_ELEMENTS_SCHEMA],
    providers : [{provide: "$injector", useFactory: () => angular.element(document.body).injector()}]
})
export class OpsManagerSchedulerModule {
    constructor() {
    }
}

MatSelectModule,
        MatProgressSpinnerModule,
        MatGridListModule,
        CovalentDialogsModule,
        MatSnackBarModule,
        CovalentSearchModule,
        CovalentDataTableModule,
        FormsModule,
        TranslateModule.forChild(),
        MatFormFieldModule,
        MatCardModule,
        MatCheckboxModule,
        ReactiveFormsModule,
        MatChipsModule,
        CovalentChipsModule,
        UIRouterModule.forChild({states: domainTypeStates})
    ],
    exports: [],
    schemas: [CUSTOM_ELEMENTS_SCHEMA],
    providers: [ DomainTypeDetailsService, FeedTagService,
        {provide: "$injector", useFactory: () => angular.element(document.body).injector()}
    ]
})
export class DomainTypesModule {}