Angular 17 translate pipe not translating when dependent on signal

In my Angular 17 HTML template, the translate pipe does not function correctly when used within a block that depends on a signal.

For example the following is translated as expected. {{ 'SOME_KEY' | translate }}

However, when the same interpolation is placed inside a block that depends on a signal, the key SOME_KEY is displayed instead of the translated value.

@if (this.someService.someSignal()) {
{{ 'SOME_KEY' | translate }}
}

Continue reading...