WrI18n

import { Component } from '@angular/core';
import { WrI18n, WrTDirective, WrTPipe } from 'ngwr/i18n';

@Component({ imports: [WrTDirective, WrTPipe] })
export class MyComponent {}

import { WrI18n, readI18nText } from 'ngwr/i18n';

@Component({ /* … */ })
export class InvoiceCard {
  private readonly i18n = inject(WrI18n);

  // A field initializer is an injection context.
  protected readonly heading = readI18nText('invoice.heading', 'Invoice');

  protected onCopy(): void {
    // A click handler is not: readI18nText() would throw NG0203 here.
    this.toast.show(this.i18n.t('invoice.copied'));
  }
}

// Anywhere else:
const label = runInInjectionContext(injector, () => readI18nText('x', 'X'));