How to use the @clr/angular.ClarityModule.forChild function in @clr/angular

import { EmployeeService  } from './services/api/employee.service';


@NgModule({

  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,

    // Thirdparty Module
    NgxDatatableModule,
    NgxChartsModule,
    ClarityModule.forChild(),

    // Local App Modules
    AppRoutingModule


  ],

  declarations: [
    // Components
    BadgeComponent,
    LegendComponent,
    LogoComponent,

    //Pages -- Pages too are components, they contain other components
    AppComponent,
    HomeComponent,

import { CatalogsComponent } from './catalogs/catalogs.component';
import { ObmComponent } from './obms/obm.component';
import { SkuComponent } from './skus/sku.component';
import { FilesComponent } from './files/files.component';
import { TemplatesComponent } from './templates/templates.component';
import { ConfigComponent } from './configs/config.component';
import { ManagementCenterServicesModule } from './services/management-center-service.module';
import { RackhdCommonServicesModule } from 'app/services/rackhd-common/rackhd-common.module';
import { InventoryModule } from 'app/inventory/inventory.module';
import { NgxSelectModule } from 'ngx-select-ex';

// the dependent services of ManagementCenter

@NgModule({
  imports: [
    ClarityModule.forChild(),
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    ManagementCenterRoutingModule,
    ManagementCenterServicesModule,
    InventoryModule,
    NgxSelectModule
  ],
  declarations: [
    ManagementCenterComponent,
    NodesComponent,
    ProfilesComponent,
    PollersComponent,
    WorkflowsComponent,
    CatalogsComponent,
    ObmComponent,

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ClarityModule } from '@clr/angular';

import { NodeExtensionService } from '../canvas-graph/node-extension.service';

import { WorkflowCanvasComponent } from './workflow-canvas/workflow-canvas.component';
import { WorkflowEditorComponent } from './workflow-editor.component';
import { WorkflowEditorRoutingModule } from './workflow-editor-routing.module';
import { CanvasGraphModule } from '../canvas-graph/canvas-graph.module';
import { InventoryModule } from 'app/inventory/inventory.module';

@NgModule({
  imports: [
    ClarityModule.forChild(),
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    WorkflowEditorRoutingModule,
    CanvasGraphModule,
    InventoryModule,
  ],
  declarations: [
    WorkflowEditorComponent,
    WorkflowCanvasComponent
  ],
  providers: [
    NodeExtensionService,
  ],
})
export class WorkflowEditorModule {

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import {HttpClientModule} from '@angular/common/http';
import { FormsModule, ReactiveFormsModule }   from '@angular/forms';
import { ClarityModule } from '@clr/angular';
import { SettingComponent } from './setting-form.component';
import { SettingService } from './setting.service';

@NgModule({
  imports: [
    CommonModule,
    ClarityModule.forChild(),
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
  ],
  declarations: [SettingComponent],
  exports: [SettingComponent],
  providers: [SettingService]
})
export class SettingModule { }

import { ClarityModule } from '@clr/angular';
import { NgModule, ModuleWithProviders } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';

import { InventoryFooterComponent } from './footer/footer.component';
import { InventoryHeaderComponent } from './header/header.component';
import { GridDetailsModalComponent } from './modal/details-modal.component';
import { GridConfirmModalComponent } from './modal/confirm-modal.component';
import { DropdownGroupComponent } from './dropdown-group/dropdown-group.component';


@NgModule({
  imports: [
    ClarityModule.forChild(),
    FormsModule,
    ReactiveFormsModule,
    CommonModule,
    ClarityModule,
  ],
  exports: [
    InventoryFooterComponent,
    InventoryHeaderComponent,
    GridDetailsModalComponent,
    GridConfirmModalComponent,
    DropdownGroupComponent,
  ],
  declarations: [
    InventoryFooterComponent,
    InventoryHeaderComponent,
    GridDetailsModalComponent,

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ClarityModule } from '@clr/angular';

import { SolutionCenterComponent } from './solution-center.component';
import { SolutionCenterRoutingModule } from './solution-center-routing.module';
import { OsInstallComponent } from 'app/solution-center/os-install/os-install.component';
import { InventoryModule } from 'app/inventory/inventory.module';

@NgModule({
  imports: [
    ClarityModule.forChild(),
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    InventoryModule,
    SolutionCenterRoutingModule
  ],
  declarations: [SolutionCenterComponent, OsInstallComponent]
})

export class SolutionCenterModule { }

import { ActiveWorkflowComponent } from './active-workflow/active-workflow.component';
import { HistoryWorkflowComponent } from './history-workflow/history-workflow.component';
import { WorkflowViewerComponent } from './workflow-viewer/workflow-viewer.component';
import { RunWorkflowComponent } from './run-workflow/run-workflow.component';

import { WorkflowCenterComponent } from './workflow-center.component';
import { WorkflowCenterRoutingModule } from './workflow-center-routing.module';

import { CanvasGraphModule } from 'app/canvas-graph/canvas-graph.module';
import { InventoryModule } from 'app/inventory/inventory.module';
import { WorkflowEditorComponent } from './workflow-editor/workflow-editor.component';

@NgModule({
  imports: [
    ClarityModule.forChild(),
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    WorkflowCenterRoutingModule,
    ManagementCenterServicesModule,
    CanvasGraphModule,
    InventoryModule,
  ],
  declarations: [
    WorkflowCenterComponent,
    ActiveWorkflowComponent,
    HistoryWorkflowComponent,
    WorkflowViewerComponent,
    RunWorkflowComponent,
    WorkflowEditorComponent,
  ],