import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { FormsModule } from '@angular/forms'; import { MainRoutingModule } from './main-routing.module'; import { WelcomeComponent } from './welcome/welcome.component'; import { MainComponent } from './main/main.component'; import { DashboardComponent } from './dashboard/dashboard.component'; import { IndexComponent } from './index/index.component'; import { CategoryComponent } from './category/category.component'; import { AddcategoryComponent } from './addcategory/addcategory.component'; import { EditcategoryComponent } from './editcategory/editcategory.component'; import { LocationComponent } from './location/location.component'; import { AnnouncementComponent } from './announcement/announcement.component'; import { FooterComponent } from './footer/footer.component'; import { CatpopularComponent } from './catpopular/catpopular.component'; import { AnnpopularComponent } from './annpopular/annpopular.component'; import { api } from '../../config'; import { TranslateHttpLoader } from '@ngx-translate/http-loader'; import { TranslateLoader, TranslateModule } from '@ngx-translate/core'; import { HttpClient } from '@angular/common/http'; import { LanguageComponent } from './language/language.component'; const backuri = api.ADMIN_URL_UPLOAD; export function HttpLoaderFactory(httpClient: HttpClient) { return new TranslateHttpLoader(httpClient, backuri + 'assets/i18n/', '-lang.json'); } @NgModule({ declarations: [ WelcomeComponent, MainComponent, DashboardComponent, IndexComponent, CategoryComponent, AddcategoryComponent, EditcategoryComponent, LocationComponent, AnnouncementComponent, FooterComponent, CatpopularComponent, AnnpopularComponent, LanguageComponent], imports: [ CommonModule, MainRoutingModule, FormsModule, // imports go here TranslateModule.forRoot({ loader: { provide: TranslateLoader, useFactory: HttpLoaderFactory, deps: [HttpClient] } }) ] }) export class MainModule { }