ngx-translate текст по умолчанию, если ключ отсутствует или загружается файл перевода

Я следовал инструкциям по созданию обработчика отсутствующих переводов здесь: https://github.com/ngx-translate/core#how-to-handle-missing-translations

Но моя версия позволяет передавать значение по умолчанию в трубу, как это

<span>{{"MyTranslateKey" | translate: {Default: "Default Translation"} }}</span>

По умолчанию может быть определенная строка, как указано выше, или переменная.

Вот мой обработчик:

import {MissingTranslationHandler, MissingTranslationHandlerParams} from '@ngx-translate/core';

export class MissingTranslationHelper implements MissingTranslationHandler {
  handle(params: MissingTranslationHandlerParams) {
    if (params.interpolateParams) {
      return params.interpolateParams["Default"] || params.key;
    }
    return params.key;
  }
}

вам нужно будет использовать пользовательский MissingTranslationHandler Вот так:

в вашем app.module или там, где вы загружаете TranslateModule.forRoot, сделайте следующее:

@Injectable()
export class MyMissingTranslationHandler implements MissingTranslationHandler {
    handle(params: MissingTranslationHandlerParams): string {
        return `**MISSING KEY: ${params.key}**`;
    }
}

И в свой providers:[] добавьте это: (После того, как вы импортируете MissingTranslationHandler)

{
    provide: MissingTranslationHandler,
    useClass: MyMissingTranslationHandler
},

См. эту ссылку для более подробной информации:

https://github.com/ngx-translate/core#how-to-handle-missing-translations

Чтобы вернуть значения по умолчанию для отсутствующих, вы можете попробовать следующее:

1- Создайте объект/json, содержащий значения по умолчанию, этот json должен содержать ту же структуру, что и исходный json.

const alternativeJson = {  
       value1: 'default1'
}

handle(params: MissingTranslationHandlerParams): string {
        return this.alternativeJson[params.key];
}