更新到 Angular 12 i18n 本地化后不再起作用

Question

我将我的应用程序的源代码从 Angular6 更新为 Angular12 - 是的，我错过了更新频率。

现在IU的语言没变了。我正在使用 i18n。 html 似乎没有应用翻译。因为我仍然可以从 API 加载 XLF 文件，但是 UI.

中没有显示翻译

在 Angular 应用程序中，我必须遵循 main.ts 中的代码：

const httpClient: HttpClient = injector.get(HttpClient);
httpClient.get(localizationUrl, {responseType: "text"})
    .subscribe(res => {
            const translations = res;
            let locale = "de-DE";
            let respCulture = /(?:(?:target-language)="([\w-]+)")/i.exec(translations);
            if (respCulture)
                locale = respCulture[1];
            platformBrowserDynamic().bootstrapModule(AppModule, {
                // missingTranslation: MissingTranslationStrategy.Warning,
                providers: [
                    {provide: LOCALE_ID, useValue: locale},
                    {provide: TRANSLATIONS, useValue: translations},
                    {provide: TRANSLATIONS_FORMAT, useValue: "xlf"}
                ]
            });
        },
        error => console.log(error));

语言环境始终是“de”，我也尝试过“de-DE”，但它不会改变行为。在我的 html 中，我像这样使用 i18n：

<h3 i18n="@@settings-tab-header">You will receive your incoming invoices automatically in PDF format.</h3>

我试图找到一个问题，将我的代码与 https://angular.io/guide/i18n 进行比较，但我找不到任何问题。我也试图评论“提供：LOCALE_ID..”和“提供：TRANSLATIONS_FORMAT..”但它对我没有帮助。

有没有人有什么想法？

谢谢！

Answer 1

我现在通过在应用程序中提供翻译解决了这个问题。因此，我失去了在没有应用程序部署的情况下更改翻译的好处。

更新到 Angular 12 i18n 本地化后不再起作用

After update to Angular12 i18n localizing dosnt work anymore

internationalization

translation

angular12