Como usar angular 9 $ localizar com plurais?

Desde Angular 9, podemos usar

$localize`Hello ${name}:name:`

Para i18n no código datilografado. Isso ainda tem algumas limitações, pois o ng xi18ncomando não detecta as strings, mas se esses textos forem adicionados manualmente ao arquivo de tradução, ele funcionará.

A $localizefunção está muito bem documentada no JSDoc na fonte , no entanto, não explica como trabalhar com plurais. O que quero dizer é algo assim (pseudo-código):

$localize`Hello {${count}, plural, =1 {reader} other {readers}}`

Isso é possível com $localize? Se sim: como? Se não: como o Angular compila essas expressões do HTML para o TypeScript?

Por enquanto, não é possível usar UTIs $localize, como discutido nesta edição do github . Desde os últimos comentários, parece que a equipe angular está considerando isso se permanecer leve.

Enquanto isso, a solução sugerida é criar seu próprio método auxiliar que retorne a tradução correta com base no parâmetro count.

    title = $localize `Hi ${this.name}! You have ${
        plural(this.users.length. {
          0: $localize `no users`,
          1: $localize `one user`,
          other: $localize`${this.users.length} users`,
    }.`

    function plural(value, options) {
      // Handle 0, 1, ... cases
      const directResult = options[value];
      if (directResult !== undefined) { return directResult; }
      // handle zero, one, two, few, many
      // ...
      return options.other;
    } 

Acabei de ler a edição https://github.com/angular/angular/issues/35912 e acho que isso intl-messageformatpode fazer o que você precisa.

Consulte https://github.com/formatjs/formatjs/tree/master/packages/intl-messageformat .