Come usare la localizzazione angolare di 9 $ con i plurali?

Da Angular 9 possiamo usare

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

Per i18n nel codice dattiloscritto. Ciò ha ancora alcune limitazioni in quanto il ng xi18ncomando non rileva le stringhe, ma se questi testi vengono aggiunti manualmente al file di traduzione funziona.

La $localizefunzione è abbastanza ben documentata nel JSDoc nella fonte , tuttavia non spiega come lavorare con i plurali. Quello che voglio dire è qualcosa del genere (pseudo-codice):

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

È possibile con $localize? Se sì: come? Se no: In che modo Angular compila tali espressioni da HTML a TypeScript?

Per ora, non è possibile utilizzare le ICU con $localize, come discusso in questo numero di github . Dagli ultimi commenti, sembra che il team angolare lo stia considerando se rimane leggero.

Nel frattempo, la soluzione suggerita è quella di creare il proprio metodo di supporto che restituisca la traduzione corretta in base al parametro 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;
    } 

Ho appena letto il problema https://github.com/angular/angular/issues/35912 e penso cheintl-messageformat possa fare ciò di cui hai bisogno.

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