app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {FormsModule} from '@angular/forms';
import {DashboardComponent} from './dashboard/dashboard.component';
import {NgxChartsModule} from '@swimlane/ngx-charts';
import { NgSelectModule } from '@ng-select/ng-select';
import {HttpClientModule} from '@angular/common/http';

/**
 * NgModules configure the injector and the compiler and help organize related things together. and it declare inside main.ts
 */
@NgModule({
  declarations: [
    /**
     * add to application components
     */
    AppComponent,
    DashboardComponent
  ],
  imports: [
    /**
     * add to application modules
     */
    BrowserModule, // module run application
    HttpClientModule, // module that allow to use http service
    NgxChartsModule, // lib for chart
    NgSelectModule, // lib for drowdown
    FormsModule, // module for ngModel, ngIf directive
  ],
  providers: [],
  /**
   * describes what need to start when we run this module inside main.ts
   */
  bootstrap: [AppComponent]
})
export class AppModule { }