如何将 angular 9 $localize 与复数一起使用？

Question

从 Angular 9 开始，我们可以使用

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

对于打字稿代码中的 i18n。这仍然有一些限制，因为该ng xi18n命令不检测字符串，但如果将这些文本手动添加到翻译文件中，它就可以工作。

该$localize函数在源代码的JSDoc 中有很好的记录，但是它没有解释如何使用复数。我的意思是这样的（伪代码）：

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

这可能$localize吗？如果是：如何？如果不是：Angular 如何将此类表达式从 HTML 编译为 TypeScript？

Answer 1

目前，无法将 ICU 与 一起使用$localize，如此github 问题中所述。从最后的评论来看，如果它保持轻量级，看起来 angular 团队正在考虑它。

同时，建议的解决方法是创建您自己的辅助方法，该方法根据计数参数返回正确的翻译。

    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;
    }