Bug: transloco-keys-manager does not extract text from the attribute directive

[votdev]

Is there an existing issue for this?

• I have searched the existing issues

Is this a regression?

No

Current behavior

The transloco-keys-manager tool seems not to extract text from the attribute directive. The structural directive works, but the attribute directive is prefered because of it's simplicity.

This is not working:

<span transloco="Logged in as {{ username }}"></span>

This is working:

<span *transloco="let t">
  {{ t('Logged in as {{ username }}') }}
</span>

Expected behavior

I expect that the text Logged in as {{ username }} is extracted when using the attribute directive.

Please provide a link to a minimal reproduction of the bug

openmediavault/openmediavault#1329

Transloco Config

module.exports = {
  rootTranslationsPath: 'src/assets/i18n/',
  langs: ['openmediavault-workbench'],
  keysManager: {
    fileFormat: 'pot',
    marker: 'gettext',
    defaultValue: ''
  }
};

Debug Logs

No response

Please provide the environment you discovered this bug in

Transloco: 3.2.0
Transloco Keys Manager: 3.4.2
Angular: 12
Node: v16.18.0
Package Manager: npm 8.12.1
OS: Ubuntu/Debian

Additional context

No response

I would like to make a pull request for this bug

No

[shaharkazaz]

@votdev They are not equal statements.
When you use {{ }} which is the interpolation syntax of Angular, he will read this and understand this code as a bound attribute with an expression (username), and expressions are not supported for extraction.

You can do one of the following:

1. Wrap the string with quotes:

<span [transloco]="'Logged in as {{ username }}'"></span>

2. Use a different interpolation pair, here is a working example.