Pass translation string from Object

[ningelschlingel]

Is it possible to translate strings with angulars string interpolation?

Lets say I have this simple en.json:

"product": {
    "name": "Product name",
    "desc": "Product description"
}

and an js object referring to those translations:

product = {name: "product.name", desc: "product.desc"}

I now want to use angulars string interpolation while also using translocos translation functionality:

<div>
        <p>{{ product.name | transloco }}</p>
        <p>{{ product.desc | transloco }}</p>
</div>

While this works fine, I wondered if this is considered the best solution, since the recommended approach would make use of the structural directive:

<ng-container *transloco="let text;">
        <div>
                <p>{{ text(product.name) }}</p>
                <p>{{ text(product.desc) }}</p>
        </div>
</ng-container>

This however does not work, because angulars string interpolation is never invoked.
Is there a better solution to this, or should I stick with the pipe-approach?