angular - ngx-translate:更改本地化文件的路径

Question

在 ngx-translate 库中，有没有办法更改 TranslateService 查找本地化文件的路径(en-GB 等) .)?默认值为 src/assets/i18n/[lang].json。

我关注了this tutorial .

Answer 1

是的，您可以通过在 app.module.ts 中创建加载程序来更改翻译文件的路径，如文档中所述:

https://github.com/ngx-translate/core#configuration

即:

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {HttpClientModule, HttpClient} from '@angular/common/http';
import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
import {TranslateHttpLoader} from '@ngx-translate/http-loader';
import {AppComponent} from './app';
   
@NgModule({
    imports: [
        BrowserModule,
        HttpClientModule,
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: httpTranslateLoader,
                deps: [HttpClient]
            }
        })
    ],
    bootstrap: [AppComponent]
})
export class AppModule { }

// Set the path here
export function httpTranslateLoader(http: HttpClient) {
        return new TranslateHttpLoader(http, './assets/locales/', '.json');
}

我建议使用环境来设置语言环境路径:

export function httpTranslateLoader(http: HttpClient) {
    return new TranslateHttpLoader(http, environment.languageFilesPath, '.json');
}