Parse variable inside nested translations

I’m submitting a…

[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  
[ ] Performance issue
[x] Feature request
[ ] Documentation issue or request
[ ] Support request
[ ] Other... Please describe:

Current behavior

This is my translations file, where I use another translation key in a translation value as documented:

{
  "greetPerson": "Hi {{name}}",
  "welcome": "{{ greetPerson }}, welcome to my site!"
}

Template code :

<p>{{ 'welcome' | transloco: { name: 'Bob' } }}</p>

This outputs “Hi {{ name }}, welcome to my site!”

Expected behavior

“Hi Bob, welcome to my site!”

Minimal reproduction of the problem with instructions

Use the code above (I tried the stackblitz but couldn’t make recompilation work)

Environment

Angular version: 9.0.7


Browser:
- [x] Chrome (desktop) version 80

Below were not tested:

- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX

[shaharkazaz]

@foucdeg available in v2.15.0, Also updated the docs

[foucdeg]

Awesome! Thanks.