Aar*_*lal 6 ngx-translate angular
我有一个角度库,我在其中创建了一个LanguageModule
定义,如下所示
@NgModule({
imports: [
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: (createTranslateLoader),
deps: [HttpClient]
},
})
],
exports: [TranslateModule]
})
export class LanguageModule {
public constructor(translateSvc: TranslateService, http: HttpClient) {
translateSvc.onLangChange
.pipe(
switchMap((currentLang: LangChangeEvent) => zip(
of(currentLang),
http.get(`assets/i18n/${currentLang.lang}.json`),
))
).subscribe(([currentLang, localizations, syncfusionLocalization]) => {
translateSvc.setTranslation(translateSvc.currentLang, localizations, true);
setCulture(currentLang.lang);
});
translateSvc.use(translateSvc.getDefaultLang());
}
}
Run Code Online (Sandbox Code Playgroud)
这允许我合并库和应用程序本地化文件。
LanguageModule
在我的应用程序中,我在 main 中导入了app.module.ts
,我还导入了 my CoreModule
,定义如下:
@NgModule({
imports: [
CommonModule,
HttpClientModule,
BrowserAnimationsModule,
...
],
declarations: [],
providers: [
....
// Http interceptors
{
provide: HTTP_INTERCEPTORS,
useClass: AuthInterceptor,
multi: true
}
]
})
export class CoreModule {
public constructor(@Optional() @SkipSelf() parentModule: CoreModule) {
if (parentModule) {
throw new Error('CoreModule has already been loaded. Import CoreModule in the AppModule only.');
}
}
}
Run Code Online (Sandbox Code Playgroud)
在 中AuthInterceptor
,如果我注入,则会TranslateService
出现以下错误:
Circular dependency in DI detected for InjectionToken HTTP_INTERCEPTORS.
我缺少什么?
小智 5
在失去理智后,似乎 github 上的某人找到了解决方案,通过从 AppModule 中的 TranslateModule.forRoot() 中删除 defaultLanguage 。 https://github.com/gilsdav/ngx-translate-router/issues/94#issuecomment-791584329
归档时间: |
|
查看次数: |
1550 次 |
最近记录: |