How to use the ng-zorro-antd.NgZorroAntdModule.forRoot function in ng-zorro-antd

import { AddArticleComponent }  from './addarticle/addarticle';
import { AddArticleService }  from './addarticle/addarticle.service';
import { ArticleComponent }         from './article.component';
import { ArticleRouting }       from './article.routing';
import { ArticleListComponent } from './articlelist/articlelist';
import { ArticleListService } from './articlelist/articlelist.service';
import { EditArticleComponent }  from './editarticle/editarticle';
import { EditArticleService }  from './editarticle/editarticle.service';

@NgModule({
  imports: [
    FormsModule,
    // ReactiveFormsModule,
    CommonModule,
    ArticleRouting,
    NgZorroAntdModule.forRoot(),
    UploadFileModule,
    EditorModule,
  ],
  declarations: [
    ArticleComponent,
    ArticleListComponent,
    AddArticleComponent,
    EditArticleComponent,
  ],
  providers: [
    ArticleListService,
    AddArticleService,
    EditArticleService,
  ],
})
export class ArticleModule {}

HomeComponent,
    LoginComponent,
    HeaderComponent,
    SidebarComponent,
    BreadCrumbComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    // RouterModule,
    AppRouting,
    //
    NgZorroAntdModule.forRoot(),
  ],
  providers: [
    { provide: NZ_I18N, useValue: zh_CN },
    { provide: NZ_ICONS, useValue: icons },
    {
      provide: HTTP_INTERCEPTORS,
      useClass: HttpClientInterceptor,
      multi: true,
    },
    Params,
    HelperService,
    AuthGuard,
    AuthService,
  ],
  bootstrap: [AppComponent],
})

import { CommonModule }  from '@angular/common';
import { NgModule }      from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgZorroAntdModule } from 'ng-zorro-antd';
import { ChartComponent }    from './chart.component';
import { ChartService } from './chart.service';
import { ChartRouting } from './chart.routing';
import { OutletComponent }   from './out-let.component';

@NgModule({
  imports: [
    FormsModule,
    // ReactiveFormsModule,
    CommonModule,
    ChartRouting,
    NgZorroAntdModule.forRoot(),
  ],
  declarations: [
    OutletComponent,
    ChartComponent,
  ],
  providers: [
    ChartService,
  ],
})
export class ChartModule {}

handleError(error) {
    console.error(error);
    window.__ml && window.__ml.error && window.__ml.error(error.stack || error);
  }
}
@NgModule({
  declarations: [
    AppComponent
  ], 
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    HttpClientModule,
    PublicModule,
    RouterModule.forRoot(routes),
    NgZorroAntdModule.forRoot()
  ],
  providers: [UserService,CookieService,{ provide: NZ_I18N, useValue: zh_CN },{ provide: ErrorHandler, useClass: MyErrorHandler },ConfigService, { provide: LocationStrategy, useClass: HashLocationStrategy }, { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptorService, multi: true }, Broadcaster],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { UploadFileModule } from '../../components/upload-file/upload-file.module';
import { AddCardomponent }  from './addcard/addcard';
import { AddCardService }  from './addcard/addcard.service';
import { CardListComponent } from './cardlist/cardlist';
import { CardListService } from './cardlist/cardlist.service';
import { CreditCardComponent }         from './creditcard.component';
import { CreditCardRouting }       from './creditcard.routing';
import { EditCreditomponent }  from './editcard/editcard';
import { EditCardService }  from './editcard/editcard.service';

@NgModule({
    imports: [
        FormsModule, ReactiveFormsModule,
        CommonModule,
        CreditCardRouting,
        NgZorroAntdModule.forRoot(),
        UploadFileModule,
    ],
    declarations: [
        CreditCardComponent,
        CardListComponent,
        AddCardomponent,
        EditCreditomponent,
    ],
    providers: [
        CardListService,
        AddCardService,
        EditCardService,
    ],
})
export class CreditCardModule {}

import { LoadingMaskModule } from './loading-mask/loading-mask.module'
import { SafePipe } from './safe.pipe'
import { HttpService } from './http.service'

@NgModule({
  declarations: [
    AppComponent,
    SafePipe
  ],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    BrowserAnimationsModule,
    NgZorroAntdModule.forRoot(),
    LoadingMaskModule.forRoot({
      snippet: {
        imgUrl: 'http://haoliangwu.github.io/ngx-loading-mask/assets/ripple.svg',
        size: 144
      },
      debug: true
    })
  ],
  providers: [
    HttpService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

beforeEach(async(() => {

    TestBed.configureTestingModule({
      imports: [
        HttpClientModule,
        NgZorroAntdModule.forRoot(),
        FormsModule
      ],
      declarations: [CryptoPriceComponent],
      providers: [
        DataService,
        { provide: NZ_MESSAGE_CONFIG }
      ],
      schemas: [NO_ERRORS_SCHEMA]
    }).compileComponents();

    _data = TestBed.get(DataService);
    _message = TestBed.get(NzMessageService);
  }));

import { CommonModule }  from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgModule }      from '@angular/core';
import { NgZorroAntdModule } from 'ng-zorro-antd';
import { Dashboard } from './dashboard.component';
import { DashboardRouting } from './dashboard.routing';
import { DashBoardService } from './dashboard.service';

@NgModule({
  imports: [
    FormsModule,
    CommonModule,
    DashboardRouting,
    NgZorroAntdModule.forRoot(),
  ],
  declarations: [
    Dashboard,
  ],
  providers: [
    DashBoardService,
  ],
})
export class DashboardModule {}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    HttpModule,
    HttpClientModule,
    CommonModule,
    RouterModule,
    AppRoutingModule,
    NgZorroAntdModule.forRoot(),
    DndModule.forRoot(),
    LayoutModule,
    NgxMdModule.forRoot(),
    UIGridModule,
  ],
  providers: [
    { provide: NZ_I18N, useValue: zh_CN },
    StartUpService,
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }