Interpolate strings without a translated value

I’m submitting a … (check one with “x”)

[ ] bug report => check the FAQ and search github for a similar issue or PR before submitting
[ ] support request => check the FAQ and search github for a similar issue before submitting
[x] feature request

Current behavior I’m trying to mimic Gettext behavior:

• Base language in source is plain english
• If a translation exists, use it, if not, don’t do anything (in my case, leave the english strings)

This is the default behavior in ng2-translate, so far so good.

Where I’m running into trouble is when I have a string without a translation, that needs interpolation. The string isn’t interpolated which makes sense if you use made-up keys like LOGGED_IN_USER etc, since you wouldn’t need that to be interpolated, but in my case I do.

Do you think that is something this lib could support?

EDIT: Example

<h1>{{ 'This is a string with value "{value}" interpolated' | translate: { value: 'TEST' } }}</h1>

If no translation is available for this message, it will output:

This is a string with value "{value}" interpolated

Instead of what I want:

This is a string with value "TEST" interpolated

(I’m using the new custom TranslateParser to allow me to interpolate {value} in my strings)

[SamanthaAdrichem]

@Halfist we’re on version 11.0.1 and still somewhat literally use the code above (only a different file name for the handler) However we do not translate using the “GREETING” syntax we translate like so

HTML

<element translate>Hello {{name}}</element>

HTML plurals

<ng-container [ngPlural]="count">
    <ng-template ngPluralCase="=0"><span translate>There are no things</span></ng-template>
    <ng-template ngPluralCase="=1"><span translate>There is 1 thing</span></ng-template>
    <ng-template ngPluralCase="other"><span translate>There are {{count}} things</span></ng-template>
</ng-container>

Typescript

import {TranslateService} from '@ngx-translate/core';

class x {
...
    constructor(
        ...,
        protected translateService: TranslateService,
        ...,
    ) {}
...
    x(): void {
        this.translatedValue = this.translateService.instant('Hello {{name}}', {name: 'name'});
    }
....
}

If you use the greetings syntax you probably need to fix some code in the InterpolatedMissingTranslationHandler

[SamanthaAdrichem]

@Halfist it was on v9. I will check it for you tomorrow between 9 and 11 CEST and let you know