TranslateModule Configuration ne fonctionne pas

Question

J'ai créé le fichier suivant pour isoler la configuration ngx-translate:

import { 
 
    Http 
 
} from '@angular/http'; 
 
import { 
 
    TranslateHttpLoader 
 
} from '@ngx-translate/http-loader'; 
 
import { 
 
    TranslateLoader, 
 
    TranslateModuleConfig 
 
} from '@ngx-translate/core'; 
 

 
// AoT requires an exported function for factories 
 
export function HttpLoaderFactory(http: Http) { 
 
    return new TranslateHttpLoader(http); 
 
} 
 

 
export function translateModuleConfig(): TranslateModuleConfig { 
 
    return { 
 
    loader: { 
 
     provide: TranslateLoader, 
 
     useFactory: HttpLoaderFactory, 
 
     deps: [Http] 
 
    } 
 
    }; 
 
}

Je suis simplement en utilisant les éléments suivants dans ma section module app imports:

TranslateModule.forRoot(translateModuleConfig)

Mais ce n'est pas Je ne travaillais plus, contrairement à quand j'avais la configuration directement en ligne au lieu de la fonction. Que fais-je incorrectement?

Answer 1

Essayez de changer votre fonction à ceci:

export function translateModuleConfig() { 
    return { 
    loader: { 
     provide: TranslateLoader, 
     useFactory: HttpLoaderFactory, 
     deps: [Http] 
    } 
    }; 
} 

puis dans vos app modules font ceci:

TranslateModule.forRoot(translateModuleConfig());